mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-10-26 13:08:38 -04:00
.scrollbar-thin for #sidebar (#5304)
This commit is contained in:
3 files changed
+1
-13
No files matched your search
@@ -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="<?=
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user