discourse/app/assets/stylesheets/common/components/dropdown-select-box.scss
Joffrey JAFFEUX ccf5005feb FEATURE: uses select-box for topic-notifications-button component
- Introduces ComponentConnector to use a component inside a widget
- Use css to set size of components instead of properties
- Smarted positionning
- Style tweaks
2017-09-06 16:58:00 +02:00

40 lines
669 B
SCSS

.dropdown-select-box.dropdown-select-box {
&.is-expanded {
z-index: 9999;
}
.select-box-body {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
}
.select-box-row {
margin: 0;
padding: 5px 10px;
&.is-highlighted {
background: none;
}
&:hover {
background: $highlight-medium;
}
}
.dropdown-header {
padding: 0;
border: 0;
outline: 0;
justify-content: flex-start;
width: min-content;
background: none;
.btn {
align-items: center;
justify-content: space-between;
flex-direction: row;
display: inline-flex;
height: 100%;
}
}
}