mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2025-01-19 08:12:49 +09:00
Code

Added backdrop blur to collapsible column settings

Browse Source
This commit is contained in:
Niléane 2024-08-19 20:39:17 +02:00
parent bdcdb4f453
commit 8b516bbe81
No known key found for this signature in database
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
TangerineUI-cherry.css
View File

@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: var(--color-content-secondary-bg);
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;

4
TangerineUI-purple.css
View File

@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: var(--color-content-secondary-bg);
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;

5
TangerineUI.css
View File

@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
background-color: var(--color-content-secondary-bg);
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
@ -3541,7 +3543,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
.app-body .column-header__collapsible-inner {
background: var(--color-content-secondary-bg);
border: 0;
}
.app-body .column-settings__section {