From d8827932bc8f329c66bdf23fa0eb7af4ed41179a Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Tue, 27 Feb 2024 01:08:04 +0200 Subject: fix collapsed notifications incorrect styles --- src/components/rich_content/rich_content.jsx | 8 +++++++- src/components/rich_content/rich_content.scss | 9 +++++++++ 2 files changed, 16 insertions(+), 1 deletion(-) (limited to 'src/components/rich_content') diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx index ff14a58a..99d7daca 100644 --- a/src/components/rich_content/rich_content.jsx +++ b/src/components/rich_content/rich_content.jsx @@ -79,6 +79,12 @@ export default { required: false, type: Boolean, default: false + }, + // Faint style (for notifs) + faint: { + required: false, + type: Boolean, + default: false } }, // NEVER EVER TOUCH DATA INSIDE RENDER @@ -277,7 +283,7 @@ export default { // DO NOT USE SLOTS they cause a re-render feedback loop here. // slots updated -> rerender -> emit -> update up the tree -> rerender -> ... // at least until vue3? - const result = + const result = { pass2 } diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss index 73eb07e9..962fd5bb 100644 --- a/src/components/rich_content/rich_content.scss +++ b/src/components/rich_content/rich_content.scss @@ -1,6 +1,15 @@ .RichContent { font-family: var(--font); + &.-faint { + /* stylelint-disable declaration-no-important */ + --text: var(--textFaint) !important; + --link: var(--linkFaint) !important; + --funtextGreentext: var(--funtextGreentextFaint) !important; + --funtextCyantext: var(--funtextCyantextFaint) !important; + /* stylelint-enable declaration-no-important */ + } + blockquote { margin: 0.2em 0 0.2em 0.2em; font-style: italic; -- cgit v1.2.3-70-g09d2