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

Added standard scrollbar styling properties

Browse source
This commit is contained in:
Niléane 2024-02-27 15:39:01 +01:00
commit b921b9d993
No known key found for this signature in database
3 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
TangerineUI-cherry.css
View file

@ -401,7 +401,7 @@ body.app-body {
} }
:root:has(.app-body) *::-webkit-scrollbar-thumb { :root:has(.app-body) *::-webkit-scrollbar-thumb {
background-color: var(--color-accent); background-color: var(--color-accent);
border-radius: 50px; border-radius: 8px;
opacity: .4; opacity: .4;
} }
:root:has(.app-body) *::-webkit-scrollbar-track:hover { :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@ -416,6 +416,11 @@ body.app-body {
display: none; display: none;
} }
} }
:root,
* {
scrollbar-color: var(--color-accent) var(--color-bg);
scrollbar-width: thin;
}
.app-body { .app-body {
--dropdown-shadow: --dropdown-shadow:
@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 6px; padding: 6px;
transition: all .3s; transition: all .3s;
} }
.app-body .inline-follow-suggestions__body__scroll-button {
opacity: 1;
}
.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
transform: scale(.9); transform: scale(.9);
} }

10
TangerineUI-purple.css
View file

@ -401,7 +401,7 @@ body.app-body {
} }
:root:has(.app-body) *::-webkit-scrollbar-thumb { :root:has(.app-body) *::-webkit-scrollbar-thumb {
background-color: var(--color-accent); background-color: var(--color-accent);
border-radius: 50px; border-radius: 8px;
opacity: .4; opacity: .4;
} }
:root:has(.app-body) *::-webkit-scrollbar-track:hover { :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@ -416,6 +416,11 @@ body.app-body {
display: none; display: none;
} }
} }
:root,
* {
scrollbar-color: var(--color-accent) var(--color-bg);
scrollbar-width: thin;
}
.app-body { .app-body {
--dropdown-shadow: --dropdown-shadow:
@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 6px; padding: 6px;
transition: all .3s; transition: all .3s;
} }
.app-body .inline-follow-suggestions__body__scroll-button {
opacity: 1;
}
.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
transform: scale(.9); transform: scale(.9);
} }

10
TangerineUI.css
View file

@ -401,7 +401,7 @@ body.app-body {
} }
:root:has(.app-body) *::-webkit-scrollbar-thumb { :root:has(.app-body) *::-webkit-scrollbar-thumb {
background-color: var(--color-accent); background-color: var(--color-accent);
border-radius: 50px; border-radius: 8px;
opacity: .4; opacity: .4;
} }
:root:has(.app-body) *::-webkit-scrollbar-track:hover { :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@ -416,6 +416,11 @@ body.app-body {
display: none; display: none;
} }
} }
:root,
* {
scrollbar-color: var(--color-accent) var(--color-bg);
scrollbar-width: thin;
}
.app-body { .app-body {
--dropdown-shadow: --dropdown-shadow:
@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 6px; padding: 6px;
transition: all .3s; transition: all .3s;
} }
.app-body .inline-follow-suggestions__body__scroll-button {
opacity: 1;
}
.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
transform: scale(.9); transform: scale(.9);
} }