mirror/mastodon-embed-timeline
1
0
Fork 1
mirror of https://gitlab.com/idotj/mastodon-embed-timeline.git synced 2025-05-24 00:42:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Target scrollbar styles to timeline container

Browse Source
This commit is contained in:
idotj 2023-03-01 18:16:53 +01:00
parent fd4739d834
commit 80f88f4e9b
1 changed files with 19 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/mastodon-timeline.css
View File

@ -32,6 +32,7 @@ html[data-theme="dark"] {
overflow-y: auto;
position: relative;
background: var(--bg-color);
scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1);
}
.mt-timeline a:link,
.mt-timeline a:active,
@ -42,6 +43,24 @@ html[data-theme="dark"] {
.mt-timeline a:hover {
text-decoration: underline;
}
.mt-timeline::-webkit-scrollbar {
width: 0.75rem;
height: 0.75rem;
}
.mt-timeline::-webkit-scrollbar-corner {
background: transparent;
}
.mt-timeline::-webkit-scrollbar-thumb {
border-radius: 0;
border: 0 var(--content-text);
border-radius: 2rem;
background: var(--bg-hover-color);
}
.mt-timeline::-webkit-scrollbar-track {
border: 0 var(--content-text);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
.mt-body {
padding: 1rem 1.5rem;
@ -57,31 +76,6 @@ html[data-theme="dark"] {
position: absolute;
}
/* Scroll bar */
html{
scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar {
width: 0.75rem;
height: 0.75rem;
}
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 0;
}
::-webkit-scrollbar-thumb {
border: 0 var(--content-text);
border-radius: 2rem;
background: var(--bg-hover-color);
}
::-webkit-scrollbar-track {
border: 0 var(--content-text);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
/* Toot container */
.mt-toot {
margin: 0.25rem;