From 9a345bde8aa9a20269218f71a5c61fe594b2de7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Sat, 3 Feb 2024 15:16:29 +0100
Subject: [PATCH] Added active state to some buttons

---
 TangerineUI-cherry.css | 26 +++++++++++++++++++++++---
 TangerineUI-purple.css | 26 +++++++++++++++++++++++---
 TangerineUI.css        | 26 +++++++++++++++++++++++---
 3 files changed, 69 insertions(+), 9 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 89bf0f2..e6d76aa 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index b07a898..12bceeb 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index dee486b..b9135be 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4758,9 +4762,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4935,6 +4939,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }