Skip to content

Commit 7bd105b

Browse files
authored
Merge pull request #684 from GSA/autocomplete-checkbox
autocomplete checkbox style updates
2 parents d9d0e2e + 3080aea commit 7bd105b

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

sam-styles/packages/components/autocomplete/styles/autocomplete.scss

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,4 +118,37 @@
118118
cursor: auto;
119119
}
120120

121+
}
122+
123+
.sds-selected__label {
124+
position: sticky;
125+
top: 0;
126+
@include u-z('top');
127+
@include u-bg('secondary');
128+
padding: 10px;
129+
cursor: pointer;
130+
text-align: center;
131+
color: white;
132+
@include u-display('block');
133+
}
134+
.sds-selected__label--disabled {
135+
@include u-bg('base');
136+
}
137+
138+
.sds-autocomplete__checkbox {
139+
@include u-padding(2);
140+
margin-bottom: -4px;
141+
cursor: pointer;
142+
&--highlighted,
143+
&:hover {
144+
background-color: #EFF6FB !important;
145+
}
146+
&--item {
147+
font-weight: 600 !important;
148+
@include u-display('inline');
149+
}
150+
&--secondary {
151+
font-weight: 400 !important;
152+
margin-left: 2rem;
153+
}
121154
}

0 commit comments

Comments
 (0)