From 51a0ef86b5da21598b74077b09ea0f1682cc6eec Mon Sep 17 00:00:00 2001 From: Gon Pombo Date: Fri, 7 Oct 2022 10:44:10 -0300 Subject: [PATCH] fix search styles (#2) --- assets/_main.scss | 27 +++++++++++++++++++++++++-- assets/plugins/_scrollbars.scss | 14 -------------- 2 files changed, 25 insertions(+), 16 deletions(-) diff --git a/assets/_main.scss b/assets/_main.scss index c88c78c..d63e31a 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -6,6 +6,27 @@ html { touch-action: manipulation; } +*, body { + ::-webkit-scrollbar { + height: 6px; + margin-left: 10px; + width: 6px ; + } + ::-webkit-scrollbar-track { + background: #ededed; + border-radius: 2px + } + + ::-webkit-scrollbar-thumb { + background: #b7b7b7; + border-radius: 2px + } + + ::-webkit-scrollbar-thumb:hover { + background: #999 + } +} + body { min-width: $body-min-width; color: var(--body-font-color); @@ -272,7 +293,9 @@ body[dir="rtl"] .book-menu { position: absolute; z-index: 3; #book-search-hits { - overflow-y: scroll; + max-width: 340px; + overflow-x: hidden; + overflow-y: auto; max-height: calc(100vh - 130px); // 130px -> uitopbar + content topbar background-color: var(--body-background); border-radius: 10px; @@ -544,4 +567,4 @@ body[dir="rtl"] .book-menu { border-left: 0; border-bottom: 2px solid; } -} +} \ No newline at end of file diff --git a/assets/plugins/_scrollbars.scss b/assets/plugins/_scrollbars.scss index 0062582..f66be7d 100644 --- a/assets/plugins/_scrollbars.scss +++ b/assets/plugins/_scrollbars.scss @@ -1,20 +1,6 @@ @import "defaults"; @import "variables"; -// Webkit -::-webkit-scrollbar { - width: $padding-8; -} - -::-webkit-scrollbar-thumb { - background: transparent; - border-radius: $padding-8; -} - -:hover::-webkit-scrollbar-thumb { - background: var(--gray-500); -} - // MS body { -ms-overflow-style: -ms-autohiding-scrollbar;