jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: standardize box shadows.

Browse Source 
* Standardize dialog box and tooltip box shadows.

* Add shadows behind all other floating elements, namely the
  autocomplete menu and translation notes (except for embedded notes,
  which are usually meant to be seamless).
This commit is contained in:
evazion
2021-02-23 04:11:50 -06:00
parent 8894a31d74
commit 7966dcb3c9
5 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/src/styles/base/040_colors.css
View File

@@ -90,6 +90,8 @@ html {
--white: #FFFFFF;
--black: #000000;
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
html {
@@ -172,7 +174,6 @@ html {
--post-tooltip-background-color: var(--body-background-color);
--post-tooltip-border-color: var(--grey-2);
--post-tooltip-box-shadow-color: rgba(0, 0, 0, 0.15);
--post-tooltip-header-background-color: var(--blue-0);
--post-tooltip-info-color: var(--muted-text-color);
@@ -253,7 +254,6 @@ html {
--jquery-ui-widget-content-background: var(--body-background-color);
--jquery-ui-widget-content-text-color: var(--text-color);
--jquery-ui-dialog-box-shadow: 0 4px 14px -2px var(--post-tooltip-box-shadow-color);
--notice-error-background: var(--red-1);
--notice-error-border-color: var(--red-2);
@@ -450,7 +450,6 @@ body[data-current-user-theme="dark"] {
--jquery-ui-widget-content-text-color: var(--text-color);
--jquery-ui-widget-content-background: var(--grey-8);
--jquery-ui-dialog-box-shadow: 0 4 14px -2px var(--grey-1);
--notice-error-background: var(--red-8);
--notice-error-border-color: var(--red-7);