github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 07:43:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
368f4ef24d
discourse/app/assets/stylesheets/common/base/popup-menu.scss

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

67 lines
1.1 KiB
SCSS
Raw Normal View History

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
.popup-menu {
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-color: var(--secondary);
Use an em-based width for better scaling with font-size changes
2020-06-03 05:14:04 +08:00
width: 14em;
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: 1px solid var(--primary-low);
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
z-index: z("dropdown");
REFACTOR: move shadow vars to css custom props (#22094)
2023-06-14 04:38:31 +08:00
box-shadow: var(--shadow-card);
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
ul {
margin: 0;
list-style: none;
li {
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;
}
}
}
.btn {
REFACTOR: Convert buttons to flexbox (#11785)
2021-01-28 05:17:08 +08:00
justify-content: left;
left align popup-menu button text
2021-01-30 10:14:08 +08:00
text-align: left;
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
background: none;
width: 100%;
UX: improve btn-transparent styling (#24666)
2023-12-02 11:21:22 +08:00
padding: 0.5em;
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;
REFACTOR: Convert buttons to flexbox (#11785)
2021-01-28 05:17:08 +08:00
margin: 0;
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
.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);
left align popup-menu button text
2021-01-30 10:14:08 +08:00
align-self: flex-start;
UX: improve btn-transparent styling (#24666)
2023-12-02 11:21:22 +08:00
margin-right: 0.75em;
margin-top: 0.1em; // vertical alignment
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
}
UX: popup menu buttons need focus style (#11962)
2021-02-04 22:37:45 +08:00
&:focus,
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
&: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
color: var(--primary);
UX: highlight vars updates (#20346) * UX: replace highlight vars in popup menu * UX: replace highlight vars in autcomplete * UX: replace highlight vars in menu-panel * UX: update style guide * UX: bulk replace highlight vars in various small appearances
2023-02-21 17:15:49 +08:00
background: var(--d-hover);
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
.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);
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
}
}
&.popup-menu-btn-danger {
.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(--danger);
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
}
.d-button-label {
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);
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
}
UX: popup menu buttons need focus style (#11962)
2021-02-04 22:37:45 +08:00
&:focus,
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
&:hover {
.d-icon,
.d-button-label {
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(--danger);
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
}
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(--danger-low);
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
}
}
}
}
Reference in New Issue Copy Permalink