Changeset View
Changeset View
Standalone View
Standalone View
common/static/common/styles/studio/_dropdown.scss
| .dropdown-menu { | .dropdown-menu { | ||||
| border: 1px solid $input-gray; | border: 1px solid $input-gray; | ||||
| .material-icons { | .material-icons { | ||||
| line-height: 1; | line-height: 1; | ||||
| margin-right: $spacer / 4; | // margin-right: $spacer / 4; | ||||
| vertical-align: middle; | vertical-align: middle; | ||||
| &+span { | |||||
| margin-left: $spacer / 4; | |||||
| } | |||||
| } | } | ||||
| p, | p, | ||||
| h1, | h1, | ||||
| h2, | h2, | ||||
| h3, | h3, | ||||
| h4, | h4, | ||||
| h5 { | h5 { | ||||
| margin-bottom: 0; | margin-bottom: 0; | ||||
| } | } | ||||
| Show All 25 Lines | &::before { | ||||
| opacity: 0; | opacity: 0; | ||||
| position: absolute; | position: absolute; | ||||
| top: $spacer / 4; | top: $spacer / 4; | ||||
| transition: $transition-base; | transition: $transition-base; | ||||
| width: calc(100% - #{$spacer}); | width: calc(100% - #{$spacer}); | ||||
| pointer-events: none; | pointer-events: none; | ||||
| z-index: -1; | z-index: -1; | ||||
| } | } | ||||
| &.icon { | |||||
| width: auto; | |||||
| padding: $spacer / 2 $spacer * .75; | |||||
| .material-icons { | |||||
| margin-right: 0; | |||||
| } | |||||
| } | |||||
| } | } | ||||
| .dropdown-menu-nested { | .dropdown-menu-nested { | ||||
| background: $highlight-black-strong; | background: $highlight-black-strong; | ||||
| padding: $spacer / 4 0; | padding: $spacer / 4 0; | ||||
| margin: ($spacer / 4) $spacer / 2; | margin: ($spacer / 4) $spacer / 2; | ||||
| border-radius: $border-radius; | border-radius: $border-radius; | ||||
| } | } | ||||
| .dropdown-double { | |||||
| display: flex; | |||||
| .dropdown-item { | |||||
| &:first-child { | |||||
| margin-right: - $spacer / 2; | |||||
| } | |||||
| } | |||||
| } | |||||