mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-28 06:48:19 +09:00
Code

Fixed: the notification toaster no longer appears on top of the bottom mobile toolbar

Browse Source
This commit is contained in:
Niléane 2024-02-27 14:28:14 +01:00
parent a3de931ef9
commit d8f66f6b45
No known key found for this signature in database
3 changed files with 36 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
TangerineUI-cherry.css
View File

@ -4524,6 +4524,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-reject-inv);
}
@media screen and (max-width:1174px) {
.app-body .notification-list {
bottom: calc(5rem + env(safe-area-inset-bottom));
}
}
.app-body .notification-bar {
background-color: var(--color-content-bg-translucent);
color: var(--color-content-fg);
@ -4532,7 +4537,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.app-body .notification-bar-action {
transition: all .2s;
}
.app-body .notification-bar-action:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
/* 📋 Lists tab */
.app-body .column-inline-form {

13
TangerineUI-purple.css
View File

@ -4524,6 +4524,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-reject-inv);
}
@media screen and (max-width:1174px) {
.app-body .notification-list {
bottom: calc(5rem + env(safe-area-inset-bottom));
}
}
.app-body .notification-bar {
background-color: var(--color-content-bg-translucent);
color: var(--color-content-fg);
@ -4532,7 +4537,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.app-body .notification-bar-action {
transition: all .2s;
}
.app-body .notification-bar-action:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
/* 📋 Lists tab */
.app-body .column-inline-form {

13
TangerineUI.css
View File

@ -4524,6 +4524,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-reject-inv);
}
@media screen and (max-width:1174px) {
.app-body .notification-list {
bottom: calc(5rem + env(safe-area-inset-bottom));
}
}
.app-body .notification-bar {
background-color: var(--color-content-bg-translucent);
color: var(--color-content-fg);
@ -4532,7 +4537,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.app-body .notification-bar-action {
transition: all .2s;
}
.app-body .notification-bar-action:is(:active, :focus, :hover) {
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
/* 📋 Lists tab */
.app-body .column-inline-form {