Skip to content

Commit 9576aea

Browse files
committed
Improve styling for tag dropdown
1 parent af62277 commit 9576aea

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

media/commitfest/css/commitfest.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -229,3 +229,25 @@ a:hover .badge {
229229
word-break: break-word;
230230
max-width: 300px;
231231
}
232+
233+
/* Make the tags selectize dropdown taller with bottom padding for overlay */
234+
#id_tags + .selectize-control .selectize-dropdown-content,
235+
#id_tag + .selectize-control .selectize-dropdown-content {
236+
max-height: 325px;
237+
padding-bottom: 2.5em;
238+
}
239+
240+
/* Gradient fade overlay for scroll hint - shows items through transparent top */
241+
.selectize-scroll-hint {
242+
position: absolute;
243+
bottom: 0;
244+
left: 0;
245+
right: 0;
246+
background: linear-gradient(
247+
to bottom,
248+
rgba(248, 249, 250, 0) 0%,
249+
rgba(248, 249, 250, 1) 50%
250+
) !important;
251+
border-top: none !important;
252+
pointer-events: none;
253+
}

0 commit comments

Comments
 (0)