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
63 padding-right: .75rem;63 padding-right: .75rem;
64 overflow-y: auto;64 overflow-y: auto;
65 65
66 &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; }66 &::-webkit-scrollbar { width: 10px !important; }
67 &::-webkit-scrollbar-button { display: none; }67
68 &::-webkit-scrollbar-track { background: $notifBackground; }68 &::-webkit-scrollbar-track {
69 background: $notifBackground !important;
70 border: 0 !important;
71 border-radius: 5px !important;
72 }
73
69 &::-webkit-scrollbar-thumb {74 &::-webkit-scrollbar-thumb {
70 min-height: 2rem;75 border: 3px solid $notifBackground !important;
71 background: $scrollbarColor;76
72 background-clip: padding-box;77 &:hover, &:active { border-width: 2px !important; }
73 border: 3px solid $notifBackground;
74 border-radius: 5px;
75
76 &:active {
77 background-color: $scrollbarColorHover;
78 border-width: 2px;
79 }
80 }78 }
81 79
82 > ._notif-title {80 > ._notif-title {