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

Restore Unread column indicator (Fixes #119)

Browse Source
This commit is contained in:
Niléane 2024-10-09 16:12:19 +02:00
parent ef4cb0dae5
commit 780ae89c49
No known key found for this signature in database
4 changed files with 72 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
TangerineUI-cherry.css
View File

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0";
--version: "v2.1";
--variant-name: "Cherry";
--variant-emoji: "\1F352\00A0";
@ -3493,11 +3493,25 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
box-shadow: inset 0 10px var(--color-bg);
}
.app-body .column-header__wrapper.active:before {
background: none;
opacity: 40%;
top: -17px;
bottom: unset;
opacity: 30%;
height: 35px;
width: 100%;
background: radial-gradient(ellipse, var(--color-accent) 0, transparent 60%);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 0;
box-shadow: none;
}
@media screen and (min-width:1175px) {
.app-body .column-header__wrapper.active:before {
top: unset;
bottom: -15px;
border-top: 1px solid var(--color-lines-translucent);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 1px 0 var(--color-lines-translucent);
}
}
.app-body .column-header {
border-radius: 8px;

22
TangerineUI-lagoon.css
View File

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0";
--version: "v2.1";
--variant-name: "Lagoon";
--variant-emoji: "\1F420\00A0";
@ -3493,11 +3493,25 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
box-shadow: inset 0 10px var(--color-bg);
}
.app-body .column-header__wrapper.active:before {
background: none;
opacity: 40%;
top: -17px;
bottom: unset;
opacity: 30%;
height: 35px;
width: 100%;
background: radial-gradient(ellipse, var(--color-accent) 0, transparent 60%);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 0;
box-shadow: none;
}
@media screen and (min-width:1175px) {
.app-body .column-header__wrapper.active:before {
top: unset;
bottom: -15px;
border-top: 1px solid var(--color-lines-translucent);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 1px 0 var(--color-lines-translucent);
}
}
.app-body .column-header {
border-radius: 8px;

22
TangerineUI-purple.css
View File

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0";
--version: "v2.1";
--variant-name: "Purple";
--variant-emoji: "\1FABB\00A0";
@ -3493,11 +3493,25 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
box-shadow: inset 0 10px var(--color-bg);
}
.app-body .column-header__wrapper.active:before {
background: none;
opacity: 40%;
top: -17px;
bottom: unset;
opacity: 30%;
height: 35px;
width: 100%;
background: radial-gradient(ellipse, var(--color-accent) 0, transparent 60%);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 0;
box-shadow: none;
}
@media screen and (min-width:1175px) {
.app-body .column-header__wrapper.active:before {
top: unset;
bottom: -15px;
border-top: 1px solid var(--color-lines-translucent);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 1px 0 var(--color-lines-translucent);
}
}
.app-body .column-header {
border-radius: 8px;

22
TangerineUI.css
View File

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0";
--version: "v2.1";
--variant-name: "Tangerine";
--variant-emoji: "\1F34A\00A0";
@ -3493,11 +3493,25 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
box-shadow: inset 0 10px var(--color-bg);
}
.app-body .column-header__wrapper.active:before {
background: none;
opacity: 40%;
top: -17px;
bottom: unset;
opacity: 30%;
height: 35px;
width: 100%;
background: radial-gradient(ellipse, var(--color-accent) 0, transparent 60%);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 0;
box-shadow: none;
}
@media screen and (min-width:1175px) {
.app-body .column-header__wrapper.active:before {
top: unset;
bottom: -15px;
border-top: 1px solid var(--color-lines-translucent);
}
.app-body .column-header__wrapper.active {
box-shadow: 0 1px 0 var(--color-lines-translucent);
}
}
.app-body .column-header {
border-radius: 8px;