From c29639657dd52c63c6dd5b39ec331d64cee80189 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 28 Mar 2025 16:07:29 +0100 Subject: Bugfixes --- src/_board.scss | 8 ++++++-- src/_core.scss | 2 ++ src/_core.vars.scss | 12 ++++++++---- src/_flexible-button-group.scss | 15 +++++++++++++++ src/_header.scss | 2 +- src/_reaction.scss | 4 ---- src/_thread.scss | 11 +++++++++++ src/classic.scss | 2 ++ src/light.scss | 2 ++ 9 files changed, 47 insertions(+), 11 deletions(-) create mode 100644 src/_flexible-button-group.scss (limited to 'src') diff --git a/src/_board.scss b/src/_board.scss index 994aba6..2cb6665 100644 --- a/src/_board.scss +++ b/src/_board.scss @@ -4,7 +4,7 @@ @mixin styles { .wbbBoardNode__unreadIcon { - background-image: url(../images/style-9/custom/boardNewM.png); + background-image: url(../images/style-7/custom/boardNewM.png); background-position: center center; background-repeat: no-repeat; @@ -14,7 +14,7 @@ } .wbbBoardNode__defaultIcon { - background-image: url(../images/style-9/custom/boardM.png); + background-image: url(../images/style-7/custom/boardM.png); background-position: center center; background-repeat: no-repeat; @@ -72,6 +72,10 @@ } } + .columnIcon.columnAvatar:has(.wbbStickyIcon, .wbbAnnouncementIcon) .userAvatarImage { + display: block; + } + @media screen and (max-width: 768px) { .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject { flex-basis: calc(100% - 42px - 14px); diff --git a/src/_core.scss b/src/_core.scss index c212ee0..e4fca5a 100644 --- a/src/_core.scss +++ b/src/_core.scss @@ -16,6 +16,7 @@ :root { @include props.materialize(map.get(vars.$themes, --light)); @include props.materialize(map.get(vars.$themes, --classic)); + @include props.materialize(map.values(meta.module-variables('vars')), null); } } @@ -23,5 +24,6 @@ :root { @include props.materialize(map.get(vars.$themes, --light)); @include props.materialize(map.get(vars.$themes, --dark)); + @include props.materialize(map.values(meta.module-variables('vars')), null); } } diff --git a/src/_core.vars.scss b/src/_core.vars.scss index 5bbe9fb..5233708 100644 --- a/src/_core.vars.scss +++ b/src/_core.vars.scss @@ -125,7 +125,7 @@ $themes-spec: ( --wcfFooterBoxHeadlineLink: --base --900, --wcfFooterBoxHeadlineLinkActive: --base --900, - --wcfFooterBackground: --base --700, + --wcfFooterBackground: --bg-footer, --wcfFooterText: --base --100, --wcfFooterLink: --base --75, --wcfFooterLinkActive: --base --75, @@ -155,6 +155,8 @@ $themes-spec: ( --wcfBoxShadowCard: none, + --wcfInputLabel: --base --700, + --wcfContentContainerBackground: --bg-content, --wcfContentContainerBorder: --wcfContentContainerBackground, @@ -268,6 +270,8 @@ $themes-spec: ( --wcfSidebarBackground: --base --75, + --wcfUserMenuBackground: --base --75, + --wcfTabularBoxBackgroundActive: --base --75, --wcfButtonBackground: --base --50, @@ -354,7 +358,7 @@ $themes-spec: ( --wcfContentBackground: --base --100, --wcfContentBorderInner: --base --300, - --wcfContentBorder: --wcfContentBorderInnerDark, + --wcfContentBorder: --wcfContentBorderInner, --wcfContentDimmedText: --base --600, --wcfContentDimmedLink: --base --900, --wcfContentText: --base --800, @@ -379,13 +383,13 @@ $themes-spec: ( --wcfButtonPrimaryTextActive: --red --1200-text, --wcfContentContainerBackground: --base --200, - --wcfContentContainerBorder: --wcfContentContainerBackgroundDark, + --wcfContentContainerBorder: --wcfContentContainerBackground, --wcfSidebarBackground: --wcfContentBackground, --wcfSidebarBorder: transparent, --wcfSidebarLink: --link --fg, --wcfSidebarLinkActive: --link --active, - --wcfSidebarText: --wcfContentTextDark, + --wcfSidebarText: --wcfContentText, --wcfSidebarDimmedLink: --wcfSidebarDimmedText, --wcfSidebarDimmedLinkActive: --wcfSidebarDimmedText, diff --git a/src/_flexible-button-group.scss b/src/_flexible-button-group.scss new file mode 100644 index 0000000..daa9d45 --- /dev/null +++ b/src/_flexible-button-group.scss @@ -0,0 +1,15 @@ +@use 'iro-sass/src/props'; + +@use 'core'; + +@mixin styles { + .flexibleButtonGroup { + > li { + > a, + > label { + background-color: props.get(core.$theme, --base, --300); + color: props.get(core.$theme, --base, --300-text); + } + } + } +} diff --git a/src/_header.scss b/src/_header.scss index 94ac3d4..38a3c5e 100644 --- a/src/_header.scss +++ b/src/_header.scss @@ -1,6 +1,6 @@ @mixin styles { .pageHeader { - background-image: url(../images/style-9/custom/header.jpeg); + background-image: url(../images/style-7/custom/header.jpeg); background-repeat: repeat-x; } diff --git a/src/_reaction.scss b/src/_reaction.scss index 56d719e..a3cd3d3 100644 --- a/src/_reaction.scss +++ b/src/_reaction.scss @@ -1,7 +1,3 @@ -@use 'iro-sass/src/props'; - -@use 'core'; - @mixin styles { .messageFooter { .reactionType { diff --git a/src/_thread.scss b/src/_thread.scss index e4feb1c..a67348a 100644 --- a/src/_thread.scss +++ b/src/_thread.scss @@ -35,4 +35,15 @@ .quoteBoxTitle a { text-decoration-line: none; } + + .attachmentThumbnail { + background-color: props.get(core.$theme, --base, --75); + } + + @media screen and (max-width: 768px) { + .messageSignature { + display: block; + opacity: 0.6; + } + } } diff --git a/src/classic.scss b/src/classic.scss index 8d5ba47..80be2c6 100644 --- a/src/classic.scss +++ b/src/classic.scss @@ -14,6 +14,7 @@ @use 'reaction'; @use 'footer'; @use 'gallery'; +@use 'flexible-button-group'; @include core.styles--classic; @include common.styles; @@ -28,3 +29,4 @@ @include reaction.styles; @include footer.styles; @include gallery.styles; +@include flexible-button-group.styles; diff --git a/src/light.scss b/src/light.scss index 453ee17..a7e70b9 100644 --- a/src/light.scss +++ b/src/light.scss @@ -14,6 +14,7 @@ @use 'reaction'; @use 'footer'; @use 'gallery'; +@use 'flexible-button-group'; @include core.styles; @include common.styles; @@ -28,3 +29,4 @@ @include reaction.styles; @include footer.styles; @include gallery.styles; +@include flexible-button-group.styles; -- cgit v1.2.3-70-g09d2