me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

th: fiddle with quote style

Browse source
This commit is contained in:
Kouhai 2024-02-03 14:38:33 -08:00
parent 98ae4ef813
commit 8fd45df06e
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/flavours/glitch/styles/components/status.scss
View file

@ -81,6 +81,22 @@
.status__quote { .status__quote {
padding-bottom: 0.5em; padding-bottom: 0.5em;
pointer-events: none;
// HACK: adjust quote icon alignment & color icon for emph
.quote-display-name > .icon {
margin-left: -4px;
// hopefully this doesn't break user css
margin-bottom: -6px;
// needs to match below: &:is(blockquote)
color: $highlight-text-color;
}
// see below: .status_quote|&:is(blockquote)
&:is(blockquote) {
border-left-color: $highlight-text-color;
}
} }
.status__quote, .status__quote,
@ -118,7 +134,7 @@
font-weight: 500; font-weight: 500;
} }
blockquote { blockquote, &:is(blockquote) {
padding-left: 10px; padding-left: 10px;
border-left: 3px solid $darker-text-color; border-left: 3px solid $darker-text-color;
color: $darker-text-color; color: $darker-text-color;