tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix bad visibility of scroll buttons on follow-suggestions carousel (#37843)

Browse Source
This commit is contained in:
diondiondion 2026-02-12 16:10:53 +01:00 committed by GitHub
parent e4bb347f72
commit 46fd341685
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/javascript/styles/mastodon/components.scss
View File

@ -10510,6 +10510,8 @@ noscript {
position: relative; position: relative;
&__scroll-button { &__scroll-button {
--scroll-button-bg: var(--color-bg-brand-base);
position: absolute; position: absolute;
height: 100%; height: 100%;
background: transparent; background: transparent;
@ -10517,7 +10519,6 @@ noscript {
cursor: pointer; cursor: pointer;
top: 0; top: 0;
color: var(--color-text-primary); color: var(--color-text-primary);
opacity: 0.5;
&.left { &.left {
left: 0; left: 0;
@ -10530,7 +10531,7 @@ noscript {
&__icon { &__icon {
border-radius: 50%; border-radius: 50%;
color: var(--color-text-on-brand-base); color: var(--color-text-on-brand-base);
background: var(--color-bg-brand-base); background: var(--scroll-button-bg);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -10546,7 +10547,7 @@ noscript {
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
opacity: 1; --scroll-button-bg: var(--color-bg-brand-base-hover);
} }
} }