.scrollbar-thin for #sidebar (#5304)

This commit is contained in:
maTh authored and GitHub committed 2023-04-16 15:28:53 +02:00
1 parent efcc8f387b
commit 48954503d1
3 files changed
+1 -13

No files matched your search

+1 -1
View File
@@ -27,7 +27,7 @@
<form id="mark-read-aside" method="post">
<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
<ul id="sidebar" class="tree">
<ul id="sidebar" class="tree scrollbar-thin">
<li class="tree-folder category all<?= FreshRSS_Context::isCurrentGet('a') ? ' active' : '' ?>">
<div class="tree-folder-title">
<?= _i('all') ?> <a class="title" data-unread="<?= format_number(FreshRSS_Context::$total_unread) ?>" href="<?=
-6
View File
@@ -941,38 +941,32 @@ li.drag-hover {
/*=== Scrollbar */
@supports (scrollbar-width: thin) {
#sidebar,
.scrollbar-thin {
scrollbar-color: var(--frss-scrollbar-handle) var(--frss-scrollbar-track);
scrollbar-width: thin;
}
#sidebar:hover,
.scrollbar-thin:hover {
scrollbar-color: var(--frss-scrollbar-handle-hover) var(--frss-scrollbar-track-hover);
}
}
@supports not (scrollbar-width: thin) {
#sidebar::-webkit-scrollbar,
.scrollbar-thin::-webkit-scrollbar {
background-color: var(--frss-scrollbar-track);
width: 8px;
}
#sidebar:hover::-webkit-scrollbar,
.scrollbar-thin:hover::-webkit-scrollbar {
background-color: var(--frss-scrollbar-track-hover);
}
#sidebar::-webkit-scrollbar-thumb,
.scrollbar-thin::-webkit-scrollbar-thumb {
background-color: var(--frss-scrollbar-handle);
display: unset;
border-radius: 5px;
}
#sidebar:hover::-webkit-scrollbar-thumb,
.scrollbar-thin:hover::-webkit-scrollbar-thumb {
background-color: var(--frss-scrollbar-handle-hover);
}
-6
View File
@@ -941,38 +941,32 @@ li.drag-hover {
/*=== Scrollbar */
@supports (scrollbar-width: thin) {
#sidebar,
.scrollbar-thin {
scrollbar-color: var(--frss-scrollbar-handle) var(--frss-scrollbar-track);
scrollbar-width: thin;
}
#sidebar:hover,
.scrollbar-thin:hover {
scrollbar-color: var(--frss-scrollbar-handle-hover) var(--frss-scrollbar-track-hover);
}
}
@supports not (scrollbar-width: thin) {
#sidebar::-webkit-scrollbar,
.scrollbar-thin::-webkit-scrollbar {
background-color: var(--frss-scrollbar-track);
width: 8px;
}
#sidebar:hover::-webkit-scrollbar,
.scrollbar-thin:hover::-webkit-scrollbar {
background-color: var(--frss-scrollbar-track-hover);
}
#sidebar::-webkit-scrollbar-thumb,
.scrollbar-thin::-webkit-scrollbar-thumb {
background-color: var(--frss-scrollbar-handle);
display: unset;
border-radius: 5px;
}
#sidebar:hover::-webkit-scrollbar-thumb,
.scrollbar-thin:hover::-webkit-scrollbar-thumb {
background-color: var(--frss-scrollbar-handle-hover);
}