discourse/app/assets/stylesheets/mobile/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

17 lines
459 B
SCSS

// ensure popupmenu options has scroll behavior on limited screen space
#reply-control {
&.composer-action-createTopic {
.toolbar-popup-menu-options .select-kit-collection {
// fits popup menu inside textarea in create topic composer
max-height: 155px;
}
}
&.composer-action-reply {
.toolbar-popup-menu-options .select-kit-collection {
// fits popup menu to textarea in reply composer
max-height: 230px;
}
}
}