Skip to content

Commit

Permalink
Fix boost detailed animation
Browse files Browse the repository at this point in the history
  • Loading branch information
ronilaukkarinen committed Oct 29, 2023
1 parent 784121e commit dde09fe
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions layout-single-column.css
Original file line number Diff line number Diff line change
Expand Up @@ -3055,9 +3055,10 @@ body.embed .button.logo-button:hover,
}

/* Replace the original icons (after 4.3.0)
------------------------------------------- */
-------------------------------------------
/* General for all column icons */
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon,
.layout-single-column .notification__filter-bar .icon,
.layout-single-column .column-link .icon {
Expand All @@ -3066,6 +3067,7 @@ body.embed .button.logo-button:hover,
}

/* stylelint-disable-next-line */
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon,
.layout-single-column .notification__filter-bar .icon,
.layout-single-column .column-link .icon {
Expand All @@ -3087,11 +3089,13 @@ body.embed .button.logo-button:hover,
}

/* Set size for the status icons */
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon {
--size-icon: 20px;
--size-icon: 19px;
}

/* Hide the original icon from behind */
.layout-single-column .detailed-status__action-bar .icon path,
.layout-single-column .notification__filter-bar .icon path,
.layout-single-column .status__action-bar path,
.layout-single-column .column-link .icon path {
Expand Down Expand Up @@ -3652,6 +3656,7 @@ body.embed .button.logo-button:hover,
}

.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 24px;
position: relative;
}

Expand Down Expand Up @@ -3900,11 +3905,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}

@media (prefers-reduced-motion: no-preference) {
.layout-single-column.no-reduce-motion .icon-button.active {
position: relative;
}

/* .layout-single-column.no-reduce-motion .icon-button.active:focus .icon-retweet */
.layout-single-column.no-reduce-motion .icon-button.active:focus .icon-retweet {
/* 37 frames */
animation: boost-animate 1.65s steps(37) forwards;
Expand Down Expand Up @@ -3933,7 +3933,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* Detailed status offset for boost animation */
.layout-single-column.no-reduce-motion .detailed-status__button .icon-button.active:focus .icon-retweet {
left: -89px;
top: -39px;
top: -47px;
}

/* Offset in numbered item */
Expand Down

0 comments on commit dde09fe

Please sign in to comment.