Skip to content

Commit e4169a7

Browse files
authored
fix(questionnaire): School autocomplete matches form field width (#278)
* fix(questionnaire): school autocomplete matchs fourm field width * 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
1 parent 4d1b4e2 commit e4169a7

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

app/assets/stylesheets/forms/_forms.sass

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -265,11 +265,17 @@ input[type=submit]
265265
padding: 2px 5px
266266
display: block
267267
cursor: pointer
268-
&:hover, &.ui-state-focus
268+
overflow: hidden
269+
text-overflow: ellipsis
270+
white-space: nowrap
271+
&:hover
269272
@include css4
270273
background: var(--primary)
271274
@include css4
272275
color: var(--white)
276+
// needed for ellipsis in text to work and acts as a min-width
277+
.ui-menu
278+
width: 50px
273279

274280
// form wizard
275281
.wizard-stage

0 commit comments

Comments
 (0)