github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 02:30:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
cb59681d86
discourse/app/assets/stylesheets/common/select-kit/toolbar-popup-menu-options.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

59 lines
1.1 KiB
SCSS
Raw Normal View History

Replaces toolbar popup-menu with select-kit
2017-12-13 17:49:32 +08:00
.select-kit {
&.dropdown-select-box {
&.toolbar-popup-menu-options {
.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
}
UI: ensures toolbar gear button has identic color and height (#12872)
2021-04-28 22:22:30 +08:00
.select-kit-header {
DEV: select-kit third major update with focus on accessibility (#13303) Major changes included: - better support for screen readers - trapping focus in modals - better tabbing order in composer - alerts on no content found/number of items found - better autofocus in modals - mini-tag-chooser is now a multi-select component - each multi-select-component will now display selection on one row
2021-08-23 16:44:19 +08:00
width: 30px;
display: flex;
align-items: center;
justify-content: center;
&:focus {
border-color: var(--tertiary);
}
UI: ensures toolbar gear button has identic color and height (#12872)
2021-04-28 22:22:30 +08:00
.d-icon {
color: var(--primary-medium);
}
&:hover {
.d-icon {
color: var(--primary-low);
}
}
}
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 {
UX: Type system rebuild (#5492)
2018-01-13 06:27:38 +08:00
font-size: $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
}
}
}
}
}
Reference in New Issue Copy Permalink