diff --git a/resources/css/components/article-revues-toolbar.css b/resources/css/components/article-revues-toolbar.css index bb02025..65abdb0 100644 --- a/resources/css/components/article-revues-toolbar.css +++ b/resources/css/components/article-revues-toolbar.css @@ -9,6 +9,7 @@ @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, @@ -17,25 +18,29 @@ ) 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 { - width: 2em; - height: 1em; + -webkit-appearance: none; + width: 8px; + height: 8px; } &::-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 {