diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index bcba80a..1ce713f 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -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 { diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css index fa5b1df..11b27e8 100644 --- a/TangerineUI-lagoon.css +++ b/TangerineUI-lagoon.css @@ -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 { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 03a46ed..6ee3a6c 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -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 { diff --git a/TangerineUI.css b/TangerineUI.css index d3b44fe..40e6b93 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -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 {