@appscode/design-system 1.0.43-alpha.60 → 1.0.43-alpha.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -148,6 +148,32 @@
|
|
|
148
148
|
background-color: $ac-white;
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
+
// color swatch start
|
|
152
|
+
input[type="color"] {
|
|
153
|
+
-webkit-appearance: none;
|
|
154
|
+
border: none;
|
|
155
|
+
width: 20px;
|
|
156
|
+
height: 20px;
|
|
157
|
+
border-radius: 50%;
|
|
158
|
+
border: 1px solid #777;
|
|
159
|
+
margin-left: 3px;
|
|
160
|
+
padding: 2px;
|
|
161
|
+
cursor: pointer;
|
|
162
|
+
}
|
|
163
|
+
input[type="color"]::-webkit-color-swatch-wrapper {
|
|
164
|
+
padding: 0;
|
|
165
|
+
}
|
|
166
|
+
// input[type="color"]::-moz-color-swatch,
|
|
167
|
+
input[type="color"]::-webkit-color-swatch {
|
|
168
|
+
border: none;
|
|
169
|
+
border-radius: 50%;
|
|
170
|
+
}
|
|
171
|
+
input[type="color"]::-moz-color-swatch {
|
|
172
|
+
border: none;
|
|
173
|
+
border-radius: 50%;
|
|
174
|
+
}
|
|
175
|
+
// color swatch end
|
|
176
|
+
|
|
151
177
|
.is-dark-theme {
|
|
152
178
|
.dropdown-content {
|
|
153
179
|
background-color: $dark-bg-light;
|
|
@@ -5,7 +5,33 @@
|
|
|
5
5
|
.ac-lef-sidebar-inner {
|
|
6
6
|
.ac-left-sidebar {
|
|
7
7
|
.ac-menu-list {
|
|
8
|
-
background-color:
|
|
8
|
+
background-color: $ac-white;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&.is-close {
|
|
17
|
+
.ac-left-sidebar-wrapper {
|
|
18
|
+
.ac-lef-sidebar-inner {
|
|
19
|
+
.ac-left-sidebar {
|
|
20
|
+
.menu-list {
|
|
21
|
+
&.ac-menu-list {
|
|
22
|
+
li {
|
|
23
|
+
a {
|
|
24
|
+
&.ac-dropdown-button {
|
|
25
|
+
.ac-arrow-down {
|
|
26
|
+
right: 0px !important;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
span {
|
|
31
|
+
margin-right: 0px;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
9
35
|
}
|
|
10
36
|
}
|
|
11
37
|
}
|
|
@@ -129,12 +155,17 @@
|
|
|
129
155
|
height: calc(100vh - 100px);
|
|
130
156
|
overflow-y: auto;
|
|
131
157
|
padding-top: 8px;
|
|
158
|
+
scrollbar-color: $ac-white-light transparent;
|
|
132
159
|
|
|
133
160
|
/* width */
|
|
134
161
|
&::-webkit-scrollbar {
|
|
135
162
|
display: none;
|
|
136
163
|
}
|
|
137
164
|
|
|
165
|
+
&::-webkit-scrollbar {
|
|
166
|
+
display: none;
|
|
167
|
+
}
|
|
168
|
+
|
|
138
169
|
li {
|
|
139
170
|
&.is-open {
|
|
140
171
|
a {
|
|
@@ -226,6 +257,7 @@
|
|
|
226
257
|
i.fa {
|
|
227
258
|
color: $ac-primary;
|
|
228
259
|
}
|
|
260
|
+
|
|
229
261
|
img {
|
|
230
262
|
filter: grayscale(0);
|
|
231
263
|
}
|
|
@@ -423,6 +455,7 @@
|
|
|
423
455
|
}
|
|
424
456
|
}
|
|
425
457
|
}
|
|
458
|
+
|
|
426
459
|
// cluster switcher end
|
|
427
460
|
|
|
428
461
|
// dark theme start
|
|
@@ -433,6 +466,7 @@
|
|
|
433
466
|
background-color: var(--dark-bg);
|
|
434
467
|
}
|
|
435
468
|
}
|
|
469
|
+
|
|
436
470
|
.ac-left-sidebar-wrapper {
|
|
437
471
|
.ac-lef-sidebar-inner {
|
|
438
472
|
.ac-left-sidebar {
|
|
@@ -443,6 +477,7 @@
|
|
|
443
477
|
&.is-active {
|
|
444
478
|
font-weight: 500;
|
|
445
479
|
color: $ac-full-white !important;
|
|
480
|
+
|
|
446
481
|
span {
|
|
447
482
|
i.fa {
|
|
448
483
|
color: $ac-primary;
|
|
@@ -462,6 +497,7 @@
|
|
|
462
497
|
}
|
|
463
498
|
}
|
|
464
499
|
}
|
|
500
|
+
|
|
465
501
|
// dark theme end
|
|
466
502
|
/****************************************
|
|
467
503
|
Responsive Classes
|