chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better handle Tangerine UI meta display in MultiColumn

Browse source
This commit is contained in:
Niléane 2023-12-26 01:47:26 +01:00
commit 2b9bf47bff
No known key found for this signature in database
3 changed files with 45 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

23
TangerineUI-cherry.css
View file

@ -9,7 +9,7 @@
/* 📄 Meta */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-prerelease"; --version: "v2.0.0-prerelease";
--variant: "🍒 Cherry"; --variant: "🍒 Cherry";
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a { .app-body .link-footer a {
color: var(--color-fg-muted); color: var(--color-fg-muted);
} }
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant'; --version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
padding: 0; padding: 0;
} }
.layout-multiple-columns .drawer__inner::after {
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
padding: 12px;
position: absolute;
bottom: 0;
}
.layout-multiple-columns .link-footer::before,
.layout-multiple-columns .link-footer::after {
display: none;
}
@media screen and (min-width:630px) and (max-width:1174px) { @media screen and (min-width:630px) and (max-width:1174px) {
.layout-multiple-columns .layout-multiple-columns
:is( :is(

23
TangerineUI-purple.css
View file

@ -9,7 +9,7 @@
/* 📄 Meta */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-prerelease"; --version: "v2.0.0-prerelease";
--variant: "🪻 Purple"; --variant: "🪻 Purple";
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a { .app-body .link-footer a {
color: var(--color-fg-muted); color: var(--color-fg-muted);
} }
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant'; --version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
padding: 0; padding: 0;
} }
.layout-multiple-columns .drawer__inner::after {
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
padding: 12px;
position: absolute;
bottom: 0;
}
.layout-multiple-columns .link-footer::before,
.layout-multiple-columns .link-footer::after {
display: none;
}
@media screen and (min-width:630px) and (max-width:1174px) { @media screen and (min-width:630px) and (max-width:1174px) {
.layout-multiple-columns .layout-multiple-columns
:is( :is(

23
TangerineUI.css
View file

@ -9,7 +9,7 @@
/* 📄 Meta */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-prerelease"; --version: "v2.0.0-prerelease";
--variant: "🍊 Tangerine"; --variant: "🍊 Tangerine";
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a { .app-body .link-footer a {
color: var(--color-fg-muted); color: var(--color-fg-muted);
} }
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant'; --version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
padding: 0; padding: 0;
} }
.layout-multiple-columns .drawer__inner::after {
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
padding: 12px;
position: absolute;
bottom: 0;
}
.layout-multiple-columns .link-footer::before,
.layout-multiple-columns .link-footer::after {
display: none;
}
@media screen and (min-width:630px) and (max-width:1174px) { @media screen and (min-width:630px) and (max-width:1174px) {
.layout-multiple-columns .layout-multiple-columns
:is( :is(