From ed2bccd0fa3feebbe1eff37db6aac116a1f4135a Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Tue, 17 Sep 2024 20:55:41 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry/tangerineui-cherry.scss   | 16 ++++++++++++++++
 .../tangerineui-lagoon/tangerineui-lagoon.scss   | 16 ++++++++++++++++
 .../tangerineui-purple/tangerineui-purple.scss   | 16 ++++++++++++++++
 .../styles/tangerineui/tangerineui.scss          | 16 ++++++++++++++++
 4 files changed, 64 insertions(+)

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