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

dtext: change [quote] styling.

Browse Source 
Change [quote] styling to Reddit/Github style (greyed out, with a bar on
the left side) instead of traditional forum style (big grey box around
the quote).

Reasons for this change:

* Box style is bulkier, especially for short quotes in comments.
* Box style works poorly for deeply nested quotes.
* Box style looks bad on widescreen monitors, since the quote stretches
  across the full width of the screen.
This commit is contained in:
evazion
2021-01-20 03:24:38 -06:00
parent 5780ed5768
commit c31f2003d9
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,9 +70,13 @@ div.prose {
blockquote {
margin-bottom: 1em;
padding: 1em 1em 0.2em;
border: var(--dtext-blockquote-border);
background: var(--dtext-blockquote-background);
padding-left: 0.5em;
opacity: 0.75;
border-left: 3px solid var(--dtext-blockquote-border-color);
blockquote {
opacity: 1.0;
}
}
.tn {