diff --git a/resources/css/components/article-revues-toolbar.css b/resources/css/components/article-revues-toolbar.css index 65abdb0..bb02025 100644 --- a/resources/css/components/article-revues-toolbar.css +++ b/resources/css/components/article-revues-toolbar.css @@ -9,7 +9,6 @@ @media screen and (max-width: 1024px) { border-bottom: none; padding-bottom: 1em; - /* Ligne de 1px à 5px du bord du bas */ background: linear-gradient( to right, @@ -18,29 +17,25 @@ ) bottom 2em center / 100% 1px no-repeat; - /* Smooth scrolling pour mobile */ - -webkit-overflow-scrolling: touch; - - /* Propriétés standard pour Firefox mobile */ - scrollbar-width: thin; - scrollbar-color: var(--wp--preset--color--primary, #136f63) #cef9ee; - - /* Webkit pour Chrome Android (iOS Safari ne supporte pas bien) */ &::-webkit-scrollbar { - -webkit-appearance: none; - width: 8px; - height: 8px; + width: 2em; + height: 1em; } &::-webkit-scrollbar-track { background: #cef9ee; border-radius: 100vw; + margin-block: 0.5em; } &::-webkit-scrollbar-thumb { @apply bg-primary; border-radius: 100vw; } + + &::-webkit-scrollbar-thumb:hover { + background: hsl(120 100% 10% / 1); + } } button {