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 🪻
version: 1.8.9
version: 1.8.10
A Tangerine redesign for Mastodon's Web UI.
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 {
content: " ";
transform: scale(.9);
}
/* Replace retweet icon */
.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 */
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;
}
.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;
}
@keyframes bounce {
@ -2733,7 +2736,6 @@ body.layout-single-column {
right: 0;
margin: 0;
width: auto;
padding: 12px;
}
}

8
TangerineUI.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon
version: 1.8.9
version: 1.8.10
A Tangerine redesign for Mastodon's Web UI.
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 */
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;
}
.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;
}
@keyframes bounce {

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.8.9
version: 1.8.10
A Tangerine redesign for Mastodon's Web UI.
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 {
content: " ";
transform: scale(.9);
}
/* Replace retweet icon */
.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 */
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;
}
.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;
}
@keyframes bounce {
@ -2733,7 +2736,6 @@ body.layout-single-column {
right: 0;
margin: 0;
width: auto;
padding: 12px;
}
}

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon
version: 1.8.9
version: 1.8.10
A Tangerine redesign for Mastodon's Web UI.
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 */
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;
}
.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;
}
@keyframes bounce {