Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/app/assets/stylesheets/common/base/tooltip.scss

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

61 lines
1.3 KiB
SCSS
Raw Normal View History

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-03 22:57:10 -04:00
$discourse-tooltip-background: var(--secondary);
$discourse-tooltip-border: var(--primary-medium);
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
#discourse-tooltip {
background-color: $discourse-tooltip-background;
position: absolute;
FIX: uses appropriate z-index for tooltips (#6674)
2018-11-26 16:47:12 -05:00
z-index: z("tooltip");
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
border: 1px solid $discourse-tooltip-border;
max-width: 400px;
margin-top: 25px;
overflow-wrap: break-word;
display: none;
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 09:31:59 -04:00
font-size: var(--font-0);
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
font-weight: 500;
&.retina {
border: 0.5px solid $discourse-tooltip-border;
}
.tooltip-pointer {
position: relative;
background: $discourse-tooltip-background;
}
DEV: adds prettier (#5956) Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save.
2018-06-08 05:49:31 -04:00
.tooltip-pointer:before,
.tooltip-pointer:after {
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
position: absolute;
pointer-events: none;
border: solid transparent;
bottom: 100%;
content: "";
height: 0;
width: 0;
}
DEV: adds prettier (#5956) Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save.
2018-06-08 05:49:31 -04:00
.tooltip-pointer:after {
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
border-bottom-color: $discourse-tooltip-background;
border-width: 8px;
left: 50%;
margin-left: -8px;
margin-bottom: -0.5px;
}
.tooltip-pointer:before {
border-bottom-color: $discourse-tooltip-border;
border-width: 9px;
left: 50%;
margin-left: -9px;
margin-bottom: -0.5px;
}
.tooltip-content {
dashboard style updates
2018-05-16 15:06:23 -04:00
padding: 1em;
max-width: 250px;
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 09:31:59 -04:00
font-size: var(--font-down-1);
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-03 22:57:10 -04:00
color: var(--primary);
dashboard style updates
2018-05-16 15:06:23 -04:00
box-shadow: shadow("dropdown");
UX: tooltips and improvements to new dashboard - tooltips - revert chart title UI - reduce period chooser font-size - localize dates of data points - fix a bug where multiple reports were loaded at the same time - fix a bug where % was not showing anymore - remove spacing at the top - remove loadingTitle feature (Loading...%report name%) incompatible with new hijack design
2018-05-16 10:45:21 -04:00
line-height: 1.4em;
}
}