Spaces:
Running
Running
Add custom scrollbar
Browse files- client/css/sidebar.css +18 -0
client/css/sidebar.css
CHANGED
@@ -39,6 +39,7 @@
|
|
39 |
flex-direction: column;
|
40 |
gap: 16px;
|
41 |
overflow: auto;
|
|
|
42 |
}
|
43 |
|
44 |
.sidebar .info {
|
@@ -93,12 +94,29 @@
|
|
93 |
overflow-y: auto;
|
94 |
}
|
95 |
|
|
|
|
|
96 |
@keyframes spinner {
|
97 |
to {
|
98 |
transform: rotate(360deg);
|
99 |
}
|
100 |
}
|
101 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
102 |
.spinner:before {
|
103 |
content: "";
|
104 |
box-sizing: border-box;
|
|
|
39 |
flex-direction: column;
|
40 |
gap: 16px;
|
41 |
overflow: auto;
|
42 |
+
padding-right: 8px;
|
43 |
}
|
44 |
|
45 |
.sidebar .info {
|
|
|
94 |
overflow-y: auto;
|
95 |
}
|
96 |
|
97 |
+
|
98 |
+
|
99 |
@keyframes spinner {
|
100 |
to {
|
101 |
transform: rotate(360deg);
|
102 |
}
|
103 |
}
|
104 |
|
105 |
+
/* scrollbar */
|
106 |
+
.sidebar .top::-webkit-scrollbar {
|
107 |
+
width: 4px;
|
108 |
+
padding: 8px 0px;
|
109 |
+
}
|
110 |
+
|
111 |
+
.sidebar .top::-webkit-scrollbar-track {
|
112 |
+
background-color: #ffffff00;
|
113 |
+
}
|
114 |
+
|
115 |
+
.sidebar .top::-webkit-scrollbar-thumb {
|
116 |
+
background-color: #555555;
|
117 |
+
border-radius: 10px;
|
118 |
+
}
|
119 |
+
|
120 |
.spinner:before {
|
121 |
content: "";
|
122 |
box-sizing: border-box;
|