History

Fix webkit scrollbar styling in notifications

Thibaut Courouble committed 9 years ago

Commit 2e1af2f1 parent bda32901 file · +11 −13Browse files

Unified · Split

assets/stylesheets/components/_notif.scss+11−13
@@ -63,20 +63,18 @@ · 62 unmodified lines
6363 padding-right: .75rem;
6464 overflow-y: auto;
6565
66− &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; }
67− &::-webkit-scrollbar-button { display: none; }
68− &::-webkit-scrollbar-track { background: $notifBackground; }
66+ &::-webkit-scrollbar { width: 10px !important; }
67+
68+ &::-webkit-scrollbar-track {
69+ background: $notifBackground !important;
70+ border: 0 !important;
71+ border-radius: 5px !important;
72+ }
73+
6974 &::-webkit-scrollbar-thumb {
70− min-height: 2rem;
71− background: $scrollbarColor;
72− background-clip: padding-box;
73− border: 3px solid $notifBackground;
74− border-radius: 5px;
75−
76− &:active {
77− background-color: $scrollbarColorHover;
78− border-width: 2px;
79− }
75+ border: 3px solid $notifBackground !important;
76+
77+ &:hover, &:active { border-width: 2px !important; }
8078 }
8179
8280 > ._notif-title {