From c6cfdfbca3616661956c483807e0d35c090c654c Mon Sep 17 00:00:00 2001 From: Jeremy Rudman Date: Sat, 4 Jul 2020 12:31:44 -0400 Subject: [PATCH 1/2] fix(questionnaire): school autocomplete matchs fourm field width --- app/assets/stylesheets/forms/_forms.sass | 1 + 1 file changed, 1 insertion(+) diff --git a/app/assets/stylesheets/forms/_forms.sass b/app/assets/stylesheets/forms/_forms.sass index 709d5d9ff..64893e94d 100644 --- a/app/assets/stylesheets/forms/_forms.sass +++ b/app/assets/stylesheets/forms/_forms.sass @@ -261,6 +261,7 @@ input[type=submit] color: var(--input--text--focus) list-style: none padding: 0 + position: absolute .ui-menu-item div padding: 2px 5px display: block From 0f49ec63ec962b20231da3c17d9a7ff0470de4fa Mon Sep 17 00:00:00 2001 From: Jeremy Rudman Date: Wed, 8 Jul 2020 15:06:40 -0400 Subject: [PATCH 2/2] fix(questionnaires): added ellipsis to autocomplete when the forum field is smaller the school name the autocomplete goes beyond the width the field and this causes the text to ellipsis in thet case --- app/assets/stylesheets/forms/_forms.sass | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/forms/_forms.sass b/app/assets/stylesheets/forms/_forms.sass index 64893e94d..2c9f272e0 100644 --- a/app/assets/stylesheets/forms/_forms.sass +++ b/app/assets/stylesheets/forms/_forms.sass @@ -261,16 +261,21 @@ input[type=submit] color: var(--input--text--focus) list-style: none padding: 0 - position: absolute .ui-menu-item div padding: 2px 5px display: block cursor: pointer - &:hover, &.ui-state-focus + overflow: hidden + text-overflow: ellipsis + white-space: nowrap + &:hover @include css4 background: var(--primary) @include css4 color: var(--white) +// needed for ellipsis in text to work and acts as a min-width +.ui-menu + width: 50px // form wizard .wizard-stage