Add new class for html editor styles, add link styles

Signed-off-by: Tomás Castillo <[email protected]>
fntechgit · May 30, 2024 · f463fe9 · f463fe9
1 parent 03892ef
commit f463fe9
Show file tree

Hide file tree

Showing 21 changed files with 37 additions and 27 deletions.
diff --git a/src/components/forms/badge-feature-type-form.js b/src/components/forms/badge-feature-type-form.js
@@ -113,7 +113,7 @@ class BadgeFeatureTypeForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_badge_feature.description")} *</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}
@@ -124,7 +124,7 @@ class BadgeFeatureTypeForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_badge_feature.template_content")} *</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="template_content"
                             value={entity.template_content}
                             onChange={this.handleChange}

diff --git a/src/components/forms/company-form.js b/src/components/forms/company-form.js
@@ -236,19 +236,19 @@ class CompanyForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_company.description")} </label>
-                        <TextEditor id="description" value={entity.description} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="description" value={entity.description} onChange={this.handleChange} />
                     </div>
                 </div>
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_company.overview")} </label>
-                        <TextEditor id="overview" value={entity.overview} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="overview" value={entity.overview} onChange={this.handleChange} />
                     </div>
                 </div>
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_company.commitment")} </label>
-                        <TextEditor id="commitment" value={entity.commitment} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="commitment" value={entity.commitment} onChange={this.handleChange} />
                     </div>
                 </div>
                 {entity.id > 0 && window.APP_CLIENT_NAME == 'openstack' &&

diff --git a/src/components/forms/event-category-form.js b/src/components/forms/event-category-form.js
@@ -193,7 +193,7 @@ class EventCategoryForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_event_category.description")} </label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/event-category-group-form.js b/src/components/forms/event-category-group-form.js
@@ -252,7 +252,7 @@ class EventCategoryGroupForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_event_category_group.description")} </label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/event-form.js b/src/components/forms/event-form.js
@@ -761,7 +761,7 @@ render() {
             <div className="row form-group">
                 <div className="col-md-12">
                     <label> {T.translate("edit_event.short_description")}</label>
-                    <TextEditor
+                    <TextEditor className="html-editor"
                         id="description"
                         value={entity.description}
                         onChange={this.handleChange}
@@ -782,7 +782,7 @@ render() {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_event.expect_to_learn")} </label>
-                        <TextEditor id="attendees_expected_learnt" value={entity.attendees_expected_learnt}
+                        <TextEditor className="html-editor" id="attendees_expected_learnt" value={entity.attendees_expected_learnt}
                             onChange={this.handleChange} />
                     </div>
                 </div>

diff --git a/src/components/forms/event-material-form.js b/src/components/forms/event-material-form.js
@@ -199,7 +199,7 @@ class EventMaterialForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_event_material.description")} *</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/extra-question-form/index.js b/src/components/forms/extra-question-form/index.js
@@ -295,7 +295,7 @@ class ExtraQuestionForm extends React.Component {
                     <div className="row form-group">
                         <div className="col-md-12">
                             <label> {T.translate("question_form.visible_question")} *</label>
-                            <TextEditor
+                            <TextEditor className="html-editor"
                                 id="label"
                                 value={entity.label}
                                 onChange={this.handleChange}

diff --git a/src/components/forms/floor-form.js b/src/components/forms/floor-form.js
@@ -170,7 +170,7 @@ class FloorForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_floor.description")} </label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/image-form.js b/src/components/forms/image-form.js
@@ -119,7 +119,7 @@ class ImageForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("general.description")} </label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/location-form.js b/src/components/forms/location-form.js
@@ -305,7 +305,7 @@ class LocationForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_location.description")} </label>
-                        <TextEditor id="description" value={entity.description} onChange={this.handleChange} error={this.hasErrors('description')} />
+                        <TextEditor className="html-editor" id="description" value={entity.description} onChange={this.handleChange} error={this.hasErrors('description')} />
                     </div>
                 </div>
 
@@ -348,7 +348,7 @@ class LocationForm extends React.Component {
                     {this.display('location_message') &&
                     <div className="col-md-12">
                         <label> {T.translate("edit_location.location_message")}</label>
-                        <TextEditor id="location_message" value={entity.location_message} onChange={this.handleChange}
+                        <TextEditor className="html-editor" id="location_message" value={entity.location_message} onChange={this.handleChange}
                                     error={this.hasErrors('location_message')}/>
                     </div>
                     }

diff --git a/src/components/forms/marketing-setting-form.js b/src/components/forms/marketing-setting-form.js
@@ -190,7 +190,7 @@ class MarketingSettingForm extends React.Component {
                     {entity.type === 'TEXTAREA' &&
                     <div className="col-md-8">
                         <label> {T.translate("marketing.html")} *</label>
-                        <TextEditorV2
+                        <TextEditor className="html-editor"V2
                             id="value"
                             value={entity.value}
                             onChange={this.handleChange}

diff --git a/src/components/forms/media-upload-form.js b/src/components/forms/media-upload-form.js
@@ -162,7 +162,7 @@ class MediaUploadForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-8">
                         <label> {T.translate("media_upload.description")}</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                           id="description"
                           value={entity.description}
                           onChange={this.handleChange}

diff --git a/src/components/forms/room-form.js b/src/components/forms/room-form.js
@@ -253,7 +253,7 @@ class RoomForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_room.description")} </label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/components/forms/selection-plan-form.js b/src/components/forms/selection-plan-form.js
@@ -535,7 +535,7 @@ class SelectionPlanForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_selection_plan.submission_period_disclaimer")} *</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="submission_period_disclaimer"
                             value={entity.submission_period_disclaimer}
                             onChange={this.handleChange}
@@ -782,7 +782,7 @@ class SelectionPlanForm extends React.Component {
                                     <i className="fa fa-info-circle" aria-hidden="true"
                                        title={T.translate("edit_selection_plan.cfp_presentation_edition_custom_message_info")}/>
                                 </label>
-                                <TextEditor
+                                <TextEditor className="html-editor"
                                     id="cfp_presentation_edition_custom_message"
                                     error={this.hasErrors('cfp_presentation_edition_custom_message')}
                                     onChange={this.handleChange}

diff --git a/src/components/forms/speaker-form.js b/src/components/forms/speaker-form.js
@@ -299,7 +299,7 @@ class SpeakerForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_speaker.bio")} </label>
-                        <TextEditor id="bio" value={entity.bio} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="bio" value={entity.bio} onChange={this.handleChange} />
                     </div>
                 </div>
                 {entity.id !== 0 && entity.member && this.props.entity.member && entity.member.id === this.props.entity.member.id &&

diff --git a/src/components/forms/sponsor-form.js b/src/components/forms/sponsor-form.js
@@ -390,7 +390,7 @@ class SponsorForm extends React.Component {
                         <div className="row form-group">
                             <div className="col-md-12">
                                 <label> {T.translate("edit_sponsor.intro")} </label>
-                                <TextEditor id="intro" value={entity.intro} onChange={this.handleChange} />
+                                <TextEditor className="html-editor" id="intro" value={entity.intro} onChange={this.handleChange} />
                             </div>
                         </div>
                         <div className="row form-group">

diff --git a/src/components/forms/sponsored-project-form.js b/src/components/forms/sponsored-project-form.js
@@ -197,7 +197,7 @@ class SponsoredProjectForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_sponsored_project.description")} </label>
-                        <TextEditor id="description" value={entity.description} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="description" value={entity.description} onChange={this.handleChange} />
                     </div>
                 </div>
                 {entity.id !== 0 &&

diff --git a/src/components/forms/sponsored-project-sponsorship-type-form.js b/src/components/forms/sponsored-project-sponsorship-type-form.js
@@ -123,7 +123,7 @@ class SponsoredProjectSponsorshipTypeForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_sponsored_project_sponsorship_type.description")} </label>
-                        <TextEditor id="description" value={entity.description} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="description" value={entity.description} onChange={this.handleChange} />
                     </div>
                 </div>
                 {entity.id !== 0 &&

diff --git a/src/components/forms/summit-form.js b/src/components/forms/summit-form.js
@@ -525,7 +525,7 @@ class SummitForm extends React.Component {
                             onChange={this.handleChange}
                             className="form-control"
                         />*/}
-                        <TextEditor id="registration_disclaimer_content" value={entity.registration_disclaimer_content} onChange={this.handleChange} />
+                        <TextEditor className="html-editor" id="registration_disclaimer_content" value={entity.registration_disclaimer_content} onChange={this.handleChange} />
                     </div>
                 </div>
                 <div className="row form-group">
@@ -960,7 +960,7 @@ class SummitForm extends React.Component {
                             </label>&nbsp;
                             <i className="fa fa-info-circle" aria-hidden="true"
                                title={T.translate("edit_summit.reg_lite_no_allowed_tickets_message_info")} />
-                            <TextEditor
+                            <TextEditor className="html-editor"
                                 id="REG_LITE_NO_ALLOWED_TICKETS_MESSAGE"
                                 value={regLiteMarketingSettings?.REG_LITE_NO_ALLOWED_TICKETS_MESSAGE?.value}
                                 onChange={this.handleChange}

diff --git a/src/components/forms/view-type-form.js b/src/components/forms/view-type-form.js
@@ -88,7 +88,7 @@ class ViewTypeForm extends React.Component {
                 <div className="row form-group">
                     <div className="col-md-12">
                         <label> {T.translate("edit_view_type.description")}</label>
-                        <TextEditor
+                        <TextEditor className="html-editor"
                             id="description"
                             value={entity.description}
                             onChange={this.handleChange}

diff --git a/src/styles/general.less b/src/styles/general.less
@@ -36,6 +36,16 @@ h3 {
   }
 }
 
+.html-editor {
+  a {
+    color: #337ab7;
+    &:hover, a:focus {
+      color: #23527c;
+      text-decoration: underline;
+    }
+  }
+}
+
 .panel a.collapsed {
   .panel-heading {
     background-color: #f5f5f5;