diff options
author | Volpeon <git@volpeon.ink> | 2025-03-28 16:07:29 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-03-28 16:07:29 +0100 |
commit | c29639657dd52c63c6dd5b39ec331d64cee80189 (patch) | |
tree | a45db543c873e8b46c42e5213c5b0b4986a79370 | |
parent | New variable organizing (diff) | |
download | furbase-design-2024-c29639657dd52c63c6dd5b39ec331d64cee80189.tar.gz furbase-design-2024-c29639657dd52c63c6dd5b39ec331d64cee80189.tar.bz2 furbase-design-2024-c29639657dd52c63c6dd5b39ec331d64cee80189.zip |
Bugfixes
-rw-r--r-- | src/_board.scss | 8 | ||||
-rw-r--r-- | src/_core.scss | 2 | ||||
-rw-r--r-- | src/_core.vars.scss | 12 | ||||
-rw-r--r-- | src/_flexible-button-group.scss | 15 | ||||
-rw-r--r-- | src/_header.scss | 2 | ||||
-rw-r--r-- | src/_reaction.scss | 4 | ||||
-rw-r--r-- | src/_thread.scss | 11 | ||||
-rw-r--r-- | src/classic.scss | 2 | ||||
-rw-r--r-- | src/light.scss | 2 |
9 files changed, 47 insertions, 11 deletions
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 @@ | |||
4 | 4 | ||
5 | @mixin styles { | 5 | @mixin styles { |
6 | .wbbBoardNode__unreadIcon { | 6 | .wbbBoardNode__unreadIcon { |
7 | background-image: url(../images/style-9/custom/boardNewM.png); | 7 | background-image: url(../images/style-7/custom/boardNewM.png); |
8 | background-position: center center; | 8 | background-position: center center; |
9 | background-repeat: no-repeat; | 9 | background-repeat: no-repeat; |
10 | 10 | ||
@@ -14,7 +14,7 @@ | |||
14 | } | 14 | } |
15 | 15 | ||
16 | .wbbBoardNode__defaultIcon { | 16 | .wbbBoardNode__defaultIcon { |
17 | background-image: url(../images/style-9/custom/boardM.png); | 17 | background-image: url(../images/style-7/custom/boardM.png); |
18 | background-position: center center; | 18 | background-position: center center; |
19 | background-repeat: no-repeat; | 19 | background-repeat: no-repeat; |
20 | 20 | ||
@@ -72,6 +72,10 @@ | |||
72 | } | 72 | } |
73 | } | 73 | } |
74 | 74 | ||
75 | .columnIcon.columnAvatar:has(.wbbStickyIcon, .wbbAnnouncementIcon) .userAvatarImage { | ||
76 | display: block; | ||
77 | } | ||
78 | |||
75 | @media screen and (max-width: 768px) { | 79 | @media screen and (max-width: 768px) { |
76 | .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject { | 80 | .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject { |
77 | flex-basis: calc(100% - 42px - 14px); | 81 | 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 @@ | |||
16 | :root { | 16 | :root { |
17 | @include props.materialize(map.get(vars.$themes, --light)); | 17 | @include props.materialize(map.get(vars.$themes, --light)); |
18 | @include props.materialize(map.get(vars.$themes, --classic)); | 18 | @include props.materialize(map.get(vars.$themes, --classic)); |
19 | @include props.materialize(map.values(meta.module-variables('vars')), null); | ||
19 | } | 20 | } |
20 | } | 21 | } |
21 | 22 | ||
@@ -23,5 +24,6 @@ | |||
23 | :root { | 24 | :root { |
24 | @include props.materialize(map.get(vars.$themes, --light)); | 25 | @include props.materialize(map.get(vars.$themes, --light)); |
25 | @include props.materialize(map.get(vars.$themes, --dark)); | 26 | @include props.materialize(map.get(vars.$themes, --dark)); |
27 | @include props.materialize(map.values(meta.module-variables('vars')), null); | ||
26 | } | 28 | } |
27 | } | 29 | } |
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: ( | |||
125 | --wcfFooterBoxHeadlineLink: --base --900, | 125 | --wcfFooterBoxHeadlineLink: --base --900, |
126 | --wcfFooterBoxHeadlineLinkActive: --base --900, | 126 | --wcfFooterBoxHeadlineLinkActive: --base --900, |
127 | 127 | ||
128 | --wcfFooterBackground: --base --700, | 128 | --wcfFooterBackground: --bg-footer, |
129 | --wcfFooterText: --base --100, | 129 | --wcfFooterText: --base --100, |
130 | --wcfFooterLink: --base --75, | 130 | --wcfFooterLink: --base --75, |
131 | --wcfFooterLinkActive: --base --75, | 131 | --wcfFooterLinkActive: --base --75, |
@@ -155,6 +155,8 @@ $themes-spec: ( | |||
155 | 155 | ||
156 | --wcfBoxShadowCard: none, | 156 | --wcfBoxShadowCard: none, |
157 | 157 | ||
158 | --wcfInputLabel: --base --700, | ||
159 | |||
158 | --wcfContentContainerBackground: --bg-content, | 160 | --wcfContentContainerBackground: --bg-content, |
159 | --wcfContentContainerBorder: --wcfContentContainerBackground, | 161 | --wcfContentContainerBorder: --wcfContentContainerBackground, |
160 | 162 | ||
@@ -268,6 +270,8 @@ $themes-spec: ( | |||
268 | 270 | ||
269 | --wcfSidebarBackground: --base --75, | 271 | --wcfSidebarBackground: --base --75, |
270 | 272 | ||
273 | --wcfUserMenuBackground: --base --75, | ||
274 | |||
271 | --wcfTabularBoxBackgroundActive: --base --75, | 275 | --wcfTabularBoxBackgroundActive: --base --75, |
272 | 276 | ||
273 | --wcfButtonBackground: --base --50, | 277 | --wcfButtonBackground: --base --50, |
@@ -354,7 +358,7 @@ $themes-spec: ( | |||
354 | 358 | ||
355 | --wcfContentBackground: --base --100, | 359 | --wcfContentBackground: --base --100, |
356 | --wcfContentBorderInner: --base --300, | 360 | --wcfContentBorderInner: --base --300, |
357 | --wcfContentBorder: --wcfContentBorderInnerDark, | 361 | --wcfContentBorder: --wcfContentBorderInner, |
358 | --wcfContentDimmedText: --base --600, | 362 | --wcfContentDimmedText: --base --600, |
359 | --wcfContentDimmedLink: --base --900, | 363 | --wcfContentDimmedLink: --base --900, |
360 | --wcfContentText: --base --800, | 364 | --wcfContentText: --base --800, |
@@ -379,13 +383,13 @@ $themes-spec: ( | |||
379 | --wcfButtonPrimaryTextActive: --red --1200-text, | 383 | --wcfButtonPrimaryTextActive: --red --1200-text, |
380 | 384 | ||
381 | --wcfContentContainerBackground: --base --200, | 385 | --wcfContentContainerBackground: --base --200, |
382 | --wcfContentContainerBorder: --wcfContentContainerBackgroundDark, | 386 | --wcfContentContainerBorder: --wcfContentContainerBackground, |
383 | 387 | ||
384 | --wcfSidebarBackground: --wcfContentBackground, | 388 | --wcfSidebarBackground: --wcfContentBackground, |
385 | --wcfSidebarBorder: transparent, | 389 | --wcfSidebarBorder: transparent, |
386 | --wcfSidebarLink: --link --fg, | 390 | --wcfSidebarLink: --link --fg, |
387 | --wcfSidebarLinkActive: --link --active, | 391 | --wcfSidebarLinkActive: --link --active, |
388 | --wcfSidebarText: --wcfContentTextDark, | 392 | --wcfSidebarText: --wcfContentText, |
389 | --wcfSidebarDimmedLink: --wcfSidebarDimmedText, | 393 | --wcfSidebarDimmedLink: --wcfSidebarDimmedText, |
390 | --wcfSidebarDimmedLinkActive: --wcfSidebarDimmedText, | 394 | --wcfSidebarDimmedLinkActive: --wcfSidebarDimmedText, |
391 | 395 | ||
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 @@ | |||
1 | @use 'iro-sass/src/props'; | ||
2 | |||
3 | @use 'core'; | ||
4 | |||
5 | @mixin styles { | ||
6 | .flexibleButtonGroup { | ||
7 | > li { | ||
8 | > a, | ||
9 | > label { | ||
10 | background-color: props.get(core.$theme, --base, --300); | ||
11 | color: props.get(core.$theme, --base, --300-text); | ||
12 | } | ||
13 | } | ||
14 | } | ||
15 | } | ||
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 @@ | |||
1 | @mixin styles { | 1 | @mixin styles { |
2 | .pageHeader { | 2 | .pageHeader { |
3 | background-image: url(../images/style-9/custom/header.jpeg); | 3 | background-image: url(../images/style-7/custom/header.jpeg); |
4 | background-repeat: repeat-x; | 4 | background-repeat: repeat-x; |
5 | } | 5 | } |
6 | 6 | ||
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 @@ | |||
1 | @use 'iro-sass/src/props'; | ||
2 | |||
3 | @use 'core'; | ||
4 | |||
5 | @mixin styles { | 1 | @mixin styles { |
6 | .messageFooter { | 2 | .messageFooter { |
7 | .reactionType { | 3 | .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 @@ | |||
35 | .quoteBoxTitle a { | 35 | .quoteBoxTitle a { |
36 | text-decoration-line: none; | 36 | text-decoration-line: none; |
37 | } | 37 | } |
38 | |||
39 | .attachmentThumbnail { | ||
40 | background-color: props.get(core.$theme, --base, --75); | ||
41 | } | ||
42 | |||
43 | @media screen and (max-width: 768px) { | ||
44 | .messageSignature { | ||
45 | display: block; | ||
46 | opacity: 0.6; | ||
47 | } | ||
48 | } | ||
38 | } | 49 | } |
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 @@ | |||
14 | @use 'reaction'; | 14 | @use 'reaction'; |
15 | @use 'footer'; | 15 | @use 'footer'; |
16 | @use 'gallery'; | 16 | @use 'gallery'; |
17 | @use 'flexible-button-group'; | ||
17 | 18 | ||
18 | @include core.styles--classic; | 19 | @include core.styles--classic; |
19 | @include common.styles; | 20 | @include common.styles; |
@@ -28,3 +29,4 @@ | |||
28 | @include reaction.styles; | 29 | @include reaction.styles; |
29 | @include footer.styles; | 30 | @include footer.styles; |
30 | @include gallery.styles; | 31 | @include gallery.styles; |
32 | @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 @@ | |||
14 | @use 'reaction'; | 14 | @use 'reaction'; |
15 | @use 'footer'; | 15 | @use 'footer'; |
16 | @use 'gallery'; | 16 | @use 'gallery'; |
17 | @use 'flexible-button-group'; | ||
17 | 18 | ||
18 | @include core.styles; | 19 | @include core.styles; |
19 | @include common.styles; | 20 | @include common.styles; |
@@ -28,3 +29,4 @@ | |||
28 | @include reaction.styles; | 29 | @include reaction.styles; |
29 | @include footer.styles; | 30 | @include footer.styles; |
30 | @include gallery.styles; | 31 | @include gallery.styles; |
32 | @include flexible-button-group.styles; | ||