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

[Glitch] Fix bad visibility of scroll buttons on follow-suggestions carousel

Browse Source 
Port 46fd34168549cf4d6658e54ea9b36facce60f29a to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-02-12 16:10:53 +01:00 committed by Claire
parent f16bef3f7d
commit 629bb4989d
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/flavours/glitch/styles/mastodon/components.scss
View File

@ -10852,6 +10852,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;
@ -10859,7 +10861,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;
@ -10872,7 +10873,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;
@ -10888,7 +10889,7 @@ noscript {
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
opacity: 1; --scroll-button-bg: var(--color-bg-brand-base-hover);
} }
} }