From 3e8b34be2fdeccf16c8b46f1ee518f970853768d Mon Sep 17 00:00:00 2001 From: Mitch Riedstra Date: Tue, 24 Oct 2017 16:59:48 -0400 Subject: Adding in materialize source and templates --- .../materialize/sass/components/_dropdown.scss | 68 ++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 app/dispatch/static/materialize/sass/components/_dropdown.scss (limited to 'app/dispatch/static/materialize/sass/components/_dropdown.scss') diff --git a/app/dispatch/static/materialize/sass/components/_dropdown.scss b/app/dispatch/static/materialize/sass/components/_dropdown.scss new file mode 100644 index 0000000..27131b5 --- /dev/null +++ b/app/dispatch/static/materialize/sass/components/_dropdown.scss @@ -0,0 +1,68 @@ +.dropdown-content { + @extend .z-depth-1; + background-color: $dropdown-bg-color; + margin: 0; + display: none; + min-width: 100px; + max-height: 650px; + overflow-y: auto; + opacity: 0; + position: absolute; + z-index: 999; + will-change: width, height; + + li { + clear: both; + color: $off-black; + cursor: pointer; + min-height: $dropdown-item-height; + line-height: 1.5rem; + width: 100%; + text-align: left; + text-transform: none; + + &:hover, &.active, &.selected { + background-color: $dropdown-hover-bg-color; + } + + &.active.selected { + background-color: darken($dropdown-hover-bg-color, 5%); + } + + &.divider { + min-height: 0; + height: 1px; + } + + & > a, & > span { + font-size: 16px; + color: $dropdown-color; + display: block; + line-height: 22px; + padding: (($dropdown-item-height - 22) / 2) 16px; + } + + & > span > label { + top: 1px; + left: 0; + height: 18px; + } + + // Icon alignment override + & > a > i { + height: inherit; + line-height: inherit; + float: left; + margin: 0 24px 0 0; + width: 24px; + } + } +} + +// Input field specificity bugfix +.input-field.col .dropdown-content [type="checkbox"] + label { + top: 1px; + left: 0; + height: 18px; +} + -- cgit v1.2.3