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

Fixed action bar buttons on media modals

Browse Source
This commit is contained in:
Niléane 2023-11-24 16:52:46 +01:00
parent 43f7b10a3e
commit ec7e2cf82d
No known key found for this signature in database
3 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
TangerineUI-cherry.css
View File

@ -448,6 +448,9 @@ body.app-body {
background-image: var(--icon-star);
margin: 0 4px -2px 0;
}
.app-body .media-modal__overlay .icon-star {
background-image: var(--icon-star);
}
/* Boost */
.app-body .icon-retweet {
background-image: var(--icon-boost-accent);
@ -480,6 +483,9 @@ body.app-body {
background-image: var(--icon-boost-accent);
vertical-align: middle;
}
.app-body .media-modal__overlay .icon-retweet {
background-image: var(--icon-boost);
}
/* Reply */
.app-body .icon-reply,
.app-body .icon-reply-all {
@ -488,6 +494,9 @@ body.app-body {
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply-accent);
}
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply);
}
/* Ellipsis */
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
background-image: var(--icon-ellipsis-accent);

9
TangerineUI-purple.css
View File

@ -448,6 +448,9 @@ body.app-body {
background-image: var(--icon-star);
margin: 0 4px -2px 0;
}
.app-body .media-modal__overlay .icon-star {
background-image: var(--icon-star);
}
/* Boost */
.app-body .icon-retweet {
background-image: var(--icon-boost-accent);
@ -480,6 +483,9 @@ body.app-body {
background-image: var(--icon-boost-accent);
vertical-align: middle;
}
.app-body .media-modal__overlay .icon-retweet {
background-image: var(--icon-boost);
}
/* Reply */
.app-body .icon-reply,
.app-body .icon-reply-all {
@ -488,6 +494,9 @@ body.app-body {
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply-accent);
}
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply);
}
/* Ellipsis */
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
background-image: var(--icon-ellipsis-accent);

9
TangerineUI.css
View File

@ -448,6 +448,9 @@ body.app-body {
background-image: var(--icon-star);
margin: 0 4px -2px 0;
}
.app-body .media-modal__overlay .icon-star {
background-image: var(--icon-star);
}
/* Boost */
.app-body .icon-retweet {
background-image: var(--icon-boost-accent);
@ -480,6 +483,9 @@ body.app-body {
background-image: var(--icon-boost-accent);
vertical-align: middle;
}
.app-body .media-modal__overlay .icon-retweet {
background-image: var(--icon-boost);
}
/* Reply */
.app-body .icon-reply,
.app-body .icon-reply-all {
@ -488,6 +494,9 @@ body.app-body {
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply-accent);
}
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
background-image: var(--icon-reply);
}
/* Ellipsis */
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
background-image: var(--icon-ellipsis-accent);