mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

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
parent 4119b0d7c9
commit 2b9bf47bff
No known key found for this signature in database
3 changed files with 45 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
TangerineUI-cherry.css
View File

@ -9,7 +9,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-prerelease";
--variant: "🍒 Cherry";
--variant: "🍒 Cherry";
}
/* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a {
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 {
--version-f: var(--version) ' · ' var(--variant) ' variant';
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
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) {
.layout-multiple-columns
:is(

23
TangerineUI-purple.css
View File

@ -9,7 +9,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-prerelease";
--variant: "🪻 Purple";
--variant: "🪻 Purple";
}
/* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a {
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 {
--version-f: var(--version) ' · ' var(--variant) ' variant';
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
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) {
.layout-multiple-columns
:is(

23
TangerineUI.css
View File

@ -9,7 +9,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-prerelease";
--variant: "🍊 Tangerine";
--variant: "🍊 Tangerine";
}
/* 🎨 Colors */
@ -5120,14 +5120,8 @@ a:is(.active,
.app-body .link-footer a {
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 {
--version-f: var(--version) ' · ' var(--variant) ' variant';
--version-f: 'Tangerine UI for Mastodon: ' var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
@ -5868,6 +5862,19 @@ a:is(.active,
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) {
.layout-multiple-columns
:is(