discourse/app/assets/stylesheets/common/components/widget-dropdown.scss

Failed to ignore revisions in .git-blame-ignore-revs.

52 lines
856 B
SCSS
Raw Normal View History

.widget-dropdown {
margin: 1em;
display: inline-flex;
box-sizing: border-box;
&.closed {
.widget-dropdown-body {
display: none;
}
}
.widget-dropdown-body {
display: flex;
flex-direction: column;
padding: 0.25em;
background: $secondary;
margin-top: 5px;
z-index: z("dropdown");
border: 1px solid $primary-low;
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.widget-dropdown-item {
cursor: pointer;
padding: 0.25em;
display: flex;
flex: 1;
align-items: center;
.d-icon {
color: $primary-medium;
margin-right: 0.25em;
}
&.separator {
padding: 0;
background: $primary-low;
margin: 0.25em 0;
}
&:hover {
background: $tertiary-low;
}
}
.widget-dropdown-header {
cursor: pointer;
}
}