chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweaked Hide media button styling

Browse source
This commit is contained in:
Niléane 2024-09-17 22:55:19 +02:00
parent b30960db4f
commit d5c62d1f50
No known key found for this signature in database
4 changed files with 64 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
TangerineUI-cherry.css
View file

@ -3243,6 +3243,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
outline: 1px solid var(--color-lines-translucent);
}
.app-body .media-gallery__actions {
bottom: 10px;
inset-inline-end: 8px;
}
.app-body .media-gallery__actions__pill {
border-radius: 6px;
padding: 3px 8px;
font-weight: 500;
background-color: rgba(0, 0, 0, .1);
transition: all .2s;
outline: 1px solid var(--color-lines-translucent);
outline-offset: -1px;
}
.app-body .media-gallery__actions__pill:hover {
background-color: #000;
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {

16
TangerineUI-lagoon.css
View file

@ -3243,6 +3243,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
outline: 1px solid var(--color-lines-translucent);
}
.app-body .media-gallery__actions {
bottom: 10px;
inset-inline-end: 8px;
}
.app-body .media-gallery__actions__pill {
border-radius: 6px;
padding: 3px 8px;
font-weight: 500;
background-color: rgba(0, 0, 0, .1);
transition: all .2s;
outline: 1px solid var(--color-lines-translucent);
outline-offset: -1px;
}
.app-body .media-gallery__actions__pill:hover {
background-color: #000;
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {

16
TangerineUI-purple.css
View file

@ -3243,6 +3243,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
outline: 1px solid var(--color-lines-translucent);
}
.app-body .media-gallery__actions {
bottom: 10px;
inset-inline-end: 8px;
}
.app-body .media-gallery__actions__pill {
border-radius: 6px;
padding: 3px 8px;
font-weight: 500;
background-color: rgba(0, 0, 0, .1);
transition: all .2s;
outline: 1px solid var(--color-lines-translucent);
outline-offset: -1px;
}
.app-body .media-gallery__actions__pill:hover {
background-color: #000;
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {

16
TangerineUI.css
View file

@ -3243,6 +3243,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
outline: 1px solid var(--color-lines-translucent);
}
.app-body .media-gallery__actions {
bottom: 10px;
inset-inline-end: 8px;
}
.app-body .media-gallery__actions__pill {
border-radius: 6px;
padding: 3px 8px;
font-weight: 500;
background-color: rgba(0, 0, 0, .1);
transition: all .2s;
outline: 1px solid var(--color-lines-translucent);
outline-offset: -1px;
}
.app-body .media-gallery__actions__pill:hover {
background-color: #000;
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {