Merge pull request #15254 from opf/bug/53977-meeting-fix-ui-issues-ar…

…ound-the-authorresponsiblepresenter-field [53977] Change placeholder of user autocompleter in agenda item form
opf · Apr 17, 2024 · 4bbb232 · 4bbb232
2 parents d4d14a4 + ec27a38
commit 4bbb232
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/frontend/src/global_styles/content/_autocomplete.sass b/frontend/src/global_styles/content/_autocomplete.sass
@@ -87,7 +87,7 @@ div.autocomplete
 
       .ng-placeholder
         top: 1px !important
-        color: var(--color-fg-muted)
+        color: var(--color-fg-subtle)
         @include text-shortener
 
       input

diff --git a/modules/meeting/app/components/meeting_agenda_items/form_component.sass b/modules/meeting/app/components/meeting_agenda_items/form_component.sass
@@ -9,6 +9,14 @@
   &--actions
     justify-self: end
 
+  // Render an icon in front of the placeholder
+  &--presenter
+    .ng-placeholder
+      @extend .icon-user
+      &:before
+        @include icon-font-common
+        margin-right: 10px
+
   @media screen and (max-width: $breakpoint-md)
     grid-template-columns: 100px minmax(0, 100%)
     grid-template-areas: "title title" "duration presenter" "notes notes" "add_note actions"
diff --git a/modules/meeting/app/forms/meeting_agenda_item/presenter.rb b/modules/meeting/app/forms/meeting_agenda_item/presenter.rb
@@ -44,6 +44,7 @@ class MeetingAgendaItem::Presenter < ApplicationForm
         focusDirectly: false,
         multiple: false,
         appendTo: "body",
+        placeholder: I18n.t("activerecord.attributes.meeting_agenda_item.presenter"),
         disabled: @disabled
       }
     )