discourse/app/assets/stylesheets/common/select-kit/toolbar-popup-menu-options.scss
Sam 7ab7e6bb23
FEATURE: allow plugins to specify keyboard shortcuts for hidden toolbar items (#28456)
Previous to this change there is no clean way to apply keyboard shortcuts
to things such as "add poll" and other hidden options in the toolbar

This allows shortcuts to be specified similar to how they are on the toolbar



Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-08-23 09:28:28 +10:00

58 lines
1.1 KiB
SCSS

.select-kit {
&.dropdown-select-box {
&.toolbar-popup-menu-options {
.select-kit-collection {
max-height: 35vh;
}
.select-kit-body {
box-shadow: none;
border-radius: 0;
}
.select-kit-row {
padding: 0.65em 0.5em;
border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
display: flex;
align-items: center;
// popup-menu doesnt use description text atm
// it's just easier to align the icon with text then
.icons {
align-self: center;
}
.shortcut {
margin-left: 1em;
}
&:last-child {
border: none;
}
.texts .name {
display: flex;
align-items: center;
}
.texts .name,
.icons .d-icon {
font-size: var(--font-0);
font-weight: normal;
}
.d-icon {
color: var(--primary-medium);
}
&.is-highlighted,
&.is-selected,
&:hover {
background: var(--tertiary-low);
color: var(--primary);
}
}
}
}
}