diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 99b22c9863..97bff6d370 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -81,6 +81,22 @@ .status__quote { 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, @@ -118,7 +134,7 @@ font-weight: 500; } - blockquote { + blockquote, &:is(blockquote) { padding-left: 10px; border-left: 3px solid $darker-text-color; color: $darker-text-color;