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

Restrict bounce animation to Star and Bookmark buttons

Browse source
This commit is contained in:
Niléane 2023-08-08 17:12:58 +02:00
commit 9cf20d22ae
No known key found for this signature in database
4 changed files with 22 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
TangerineUI-purple.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.8.9 version: 1.8.10
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -319,6 +319,7 @@ body.layout-single-column {
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link i.fa.fa-star:before {
content: " "; content: " ";
transform: scale(.9);
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw, .layout-single-column i.fa.fa-retweet.fa-fw,
@ -1090,10 +1091,12 @@ body.layout-single-column {
.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ .layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */
animation: none; animation: none;
} }
.layout-single-column .status__action-bar .icon-button.active>.fa { .layout-single-column .status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce .4s ease-out !important; animation: bounce .4s ease-out !important;
} }
.layout-single-column .detailed-status__action-bar .icon-button.active>.fa { .layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce-detailed .4s ease-out !important; animation: bounce-detailed .4s ease-out !important;
} }
@keyframes bounce { @keyframes bounce {
@ -2733,7 +2736,6 @@ body.layout-single-column {
right: 0; right: 0;
margin: 0; margin: 0;
width: auto; width: auto;
padding: 12px;
} }
} }

8
TangerineUI.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 1.8.9 version: 1.8.10
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -1091,10 +1091,12 @@ body.layout-single-column {
.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ .layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */
animation: none; animation: none;
} }
.layout-single-column .status__action-bar .icon-button.active>.fa { .layout-single-column .status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce .4s ease-out !important; animation: bounce .4s ease-out !important;
} }
.layout-single-column .detailed-status__action-bar .icon-button.active>.fa { .layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce-detailed .4s ease-out !important; animation: bounce-detailed .4s ease-out !important;
} }
@keyframes bounce { @keyframes bounce {

10
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.8.9 version: 1.8.10
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -319,6 +319,7 @@ body.layout-single-column {
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link i.fa.fa-star:before {
content: " "; content: " ";
transform: scale(.9);
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw, .layout-single-column i.fa.fa-retweet.fa-fw,
@ -1090,10 +1091,12 @@ body.layout-single-column {
.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ .layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */
animation: none; animation: none;
} }
.layout-single-column .status__action-bar .icon-button.active>.fa { .layout-single-column .status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce .4s ease-out !important; animation: bounce .4s ease-out !important;
} }
.layout-single-column .detailed-status__action-bar .icon-button.active>.fa { .layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce-detailed .4s ease-out !important; animation: bounce-detailed .4s ease-out !important;
} }
@keyframes bounce { @keyframes bounce {
@ -2733,7 +2736,6 @@ body.layout-single-column {
right: 0; right: 0;
margin: 0; margin: 0;
width: auto; width: auto;
padding: 12px;
} }
} }

8
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 1.8.9 version: 1.8.10
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
@ -1091,10 +1091,12 @@ body.layout-single-column {
.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ .layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */
animation: none; animation: none;
} }
.layout-single-column .status__action-bar .icon-button.active>.fa { .layout-single-column .status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce .4s ease-out !important; animation: bounce .4s ease-out !important;
} }
.layout-single-column .detailed-status__action-bar .icon-button.active>.fa { .layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa,
.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa {
animation: bounce-detailed .4s ease-out !important; animation: bounce-detailed .4s ease-out !important;
} }
@keyframes bounce { @keyframes bounce {