discourse/app/assets/stylesheets/common/select-kit/toolbar-popup-menu-options.scss
Keegan George a046f0306a
UX: Improve max-height value on toolbar popup menu (#18030)
* UX: Improve `max-height` value on toolbar popup menu

* UX: Popup menu based on new editor height property

* DEV: Update heights on resize

* DEV: Remove `--d-editor-height` property

* UX: Calculate max height based on composer type

* DEV: Remove event listener `willDestroyElement()` hook

* FIX: Remove unnecessary check and calculation

* DEV: Remove explicitly calling `updateHeightOnViewportResize()`

* UX: Update max-height

* UX: Different max-height values for reply/create

* DEV: Add comments for clarity

* DEV: Remove `updateHeightOnViewportResize()` event listener
2022-08-29 12:59:35 -07:00

42 lines
792 B
SCSS

.select-kit {
&.dropdown-select-box {
&.toolbar-popup-menu-options {
.select-kit-collection {
max-height: 35vh;
}
.select-kit-body {
box-shadow: none;
width: 230px;
border-radius: 0;
}
.select-kit-row {
padding: 0.75em 0.5em;
border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
&:last-child {
border: none;
}
.texts .name,
.icons .d-icon {
font-size: $font-0;
font-weight: normal;
}
.d-icon {
color: var(--primary-medium);
}
&.is-highlighted,
&.is-selected,
&:hover {
background: var(--tertiary-low);
color: var(--primary);
}
}
}
}
}