discourse/app/assets/stylesheets/common/select-kit/toolbar-popup-menu-options.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: var(--font-0);
          font-weight: normal;
        }

        .d-icon {
          color: var(--primary-medium);
        }

        &.is-highlighted,
        &.is-selected,
        &:hover {
          background: var(--tertiary-low);
          color: var(--primary);
        }
      }
    }
  }
}
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`.select-kit {`
			`&.dropdown-select-box {`
			`&.toolbar-popup-menu-options {`
UX: Make popup menu options scroll on limited screen height (#17973) 2022-08-18 04:42:25 +08:00			`.select-kit-collection {`
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-30 03:59:35 +08:00			`max-height: 35vh;`
UX: Make popup menu options scroll on limited screen height (#17973) 2022-08-18 04:42:25 +08:00			`}`

Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`.select-kit-body {`
			`box-shadow: none;`
			`width: 230px;`
UX: reworks various menus to homogenize them (#9905) - bookmark modal menu - topic-footer-mobile-dropdown - post-admin-menu - topic-admin-menu - quick-access menus - toolbar-popup-menu 2020-05-29 14:05:21 +08:00			`border-radius: 0;`
DEV: select-kit 2 (#7998) This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. select-kit will not mutate your data by itself anymore 2020-02-03 21:22:14 +08:00			`}`

Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`.select-kit-row {`
UX: reworks various menus to homogenize them (#9905) - bookmark modal menu - topic-footer-mobile-dropdown - post-admin-menu - topic-admin-menu - quick-access menus - toolbar-popup-menu 2020-05-29 14:05:21 +08:00			`padding: 0.75em 0.5em;`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-04 10:57:10 +08:00			`border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);`
UX: reworks various menus to homogenize them (#9905) - bookmark modal menu - topic-footer-mobile-dropdown - post-admin-menu - topic-admin-menu - quick-access menus - toolbar-popup-menu 2020-05-29 14:05:21 +08:00
			`&:last-child {`
			`border: none;`
			`}`
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00
FIX: Toolbar menu specificity 2020-02-15 02:44:38 +08:00			`.texts .name,`
			`.icons .d-icon {`
DEV: Use css var font sizes (#18518) For consistency and and the ability to change all font sizes at once in the dev tools 2022-10-12 21:31:59 +08:00			`font-size: var(--font-0);`
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`font-weight: normal;`
			`}`

			`.d-icon {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-04 10:57:10 +08:00			`color: var(--primary-medium);`
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`}`

UX: reworks various menus to homogenize them (#9905) - bookmark modal menu - topic-footer-mobile-dropdown - post-admin-menu - topic-admin-menu - quick-access menus - toolbar-popup-menu 2020-05-29 14:05:21 +08:00			`&.is-highlighted,`
			`&.is-selected,`
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`&:hover {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-04 10:57:10 +08:00			`background: var(--tertiary-low);`
			`color: var(--primary);`
Replaces toolbar popup-menu with select-kit 2017-12-13 17:49:32 +08:00			`}`
			`}`
			`}`
			`}`
			`}`