From c79edd1521519d2d8b05c92d79439ba777729c38 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 24 Aug 2023 12:38:28 +0200 Subject: [PATCH] Added transition to post action bar buttons --- TangerineUI-purple.css | 9 ++++++++- TangerineUI.css | 9 ++++++++- .../styles/tangerineui-purple/layout-single-column.scss | 9 ++++++++- .../styles/tangerineui/layout-single-column.scss | 9 ++++++++- 4 files changed, 32 insertions(+), 4 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 65c592a..a2aa8ce 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1078,7 +1078,7 @@ body.layout-single-column { /* Hashtag bar */ .layout-single-column .hashtag-bar a { color: var(--color-accent); - background-color: var(--color-accent-bg); + background-color: var(--color-accent-lines); border-radius: 8px; transition: all .3s; } @@ -1091,6 +1091,10 @@ body.layout-single-column { justify-content: left; margin-top: 8px; } +.layout-single-column .status__action-bar button, +.layout-single-column .status__action-bar .status__action-bar__dropdown { + transition: all .3s; +} .layout-single-column .status__action-bar .status__action-bar__dropdown { position: absolute; right: 18px; @@ -2214,6 +2218,9 @@ body.layout-single-column { .layout-single-column .account__header__badges .account-role span { color: var(--color-content-fg); } +.layout-single-column .account-role svg { + opacity: 1; +} .layout-single-column .account__header__extra__links a, .layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__fields dd { diff --git a/TangerineUI.css b/TangerineUI.css index c0fec74..2b35ece 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1078,7 +1078,7 @@ body.layout-single-column { /* Hashtag bar */ .layout-single-column .hashtag-bar a { color: var(--color-accent); - background-color: var(--color-accent-bg); + background-color: var(--color-accent-lines); border-radius: 8px; transition: all .3s; } @@ -1091,6 +1091,10 @@ body.layout-single-column { justify-content: left; margin-top: 8px; } +.layout-single-column .status__action-bar button, +.layout-single-column .status__action-bar .status__action-bar__dropdown { + transition: all .3s; +} .layout-single-column .status__action-bar .status__action-bar__dropdown { position: absolute; right: 18px; @@ -2214,6 +2218,9 @@ body.layout-single-column { .layout-single-column .account__header__badges .account-role span { color: var(--color-content-fg); } +.layout-single-column .account-role svg { + opacity: 1; +} .layout-single-column .account__header__extra__links a, .layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__fields dd { diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 65c592a..a2aa8ce 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -1078,7 +1078,7 @@ body.layout-single-column { /* Hashtag bar */ .layout-single-column .hashtag-bar a { color: var(--color-accent); - background-color: var(--color-accent-bg); + background-color: var(--color-accent-lines); border-radius: 8px; transition: all .3s; } @@ -1091,6 +1091,10 @@ body.layout-single-column { justify-content: left; margin-top: 8px; } +.layout-single-column .status__action-bar button, +.layout-single-column .status__action-bar .status__action-bar__dropdown { + transition: all .3s; +} .layout-single-column .status__action-bar .status__action-bar__dropdown { position: absolute; right: 18px; @@ -2214,6 +2218,9 @@ body.layout-single-column { .layout-single-column .account__header__badges .account-role span { color: var(--color-content-fg); } +.layout-single-column .account-role svg { + opacity: 1; +} .layout-single-column .account__header__extra__links a, .layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__fields dd { diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index c0fec74..2b35ece 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -1078,7 +1078,7 @@ body.layout-single-column { /* Hashtag bar */ .layout-single-column .hashtag-bar a { color: var(--color-accent); - background-color: var(--color-accent-bg); + background-color: var(--color-accent-lines); border-radius: 8px; transition: all .3s; } @@ -1091,6 +1091,10 @@ body.layout-single-column { justify-content: left; margin-top: 8px; } +.layout-single-column .status__action-bar button, +.layout-single-column .status__action-bar .status__action-bar__dropdown { + transition: all .3s; +} .layout-single-column .status__action-bar .status__action-bar__dropdown { position: absolute; right: 18px; @@ -2214,6 +2218,9 @@ body.layout-single-column { .layout-single-column .account__header__badges .account-role span { color: var(--color-content-fg); } +.layout-single-column .account-role svg { + opacity: 1; +} .layout-single-column .account__header__extra__links a, .layout-single-column .account__header__bio .account__header__content, .layout-single-column .account__header__bio .account__header__fields dd {