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

dtext: fix link colors bleeding through spoiler tags (again).

Browse Source 
Caused by upgrading webpacker in f8e109f6d. This changed the load order
of the CSS files, which was significant because the rules for tag colors
and for spoiler tags had equal specificity.
This commit is contained in:
evazion
2019-11-26 21:09:30 -06:00
parent f8e109f6dc
commit c0006b0b9a
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -177,7 +177,6 @@
--dtext-blockquote-background: #EEE;
--dtext-code-background: #EEE;
--dtext-expand-border: 1px inset #666;
--dtext-spoiler-color: black;
--dtext-spoiler-background-color: black;
--dtext-spoiler-hover-color: white;
@@ -312,7 +311,6 @@ body[data-user-theme="dark"] {
--dtext-blockquote-border: 1px solid var(--grey-4);
--dtext-code-background: var(--grey-2);
--dtext-expand-border: 1px inset var(--grey-4);
--dtext-spoiler-color: black;
--dtext-spoiler-background-color: black;
--dtext-spoiler-hover-color: var(--text-color);

11
app/javascript/src/styles/common/dtext.scss
View File

@@ -113,14 +113,17 @@ div.prose {
text-decoration: dotted underline;
}
.spoiler, .spoiler * {
color: var(--dtext-spoiler-color);
background: var(--dtext-spoiler-background-color);
.spoiler:not(:hover), .spoiler:not(:hover) * {
color: transparent !important;
}
.spoiler:hover, .spoiler:hover * {
.spoiler:hover {
color: var(--dtext-spoiler-hover-color);
}
.spoiler {
background: var(--dtext-spoiler-background-color);
}
}
// avoid empty gaps beneath dtext blocks in table rows.