@appscode/design-system 2.0.80 → 2.0.82

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.0.80",
3
+ "version": "2.0.82",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -6,7 +6,7 @@
6
6
  width: 100%;
7
7
  left: 0;
8
8
  top: 0;
9
- z-index: 9999;
9
+ z-index: 99999;
10
10
  .ac-button {
11
11
  &.is-white {
12
12
  margin-right: -10px;
@@ -69,7 +69,7 @@
69
69
  &::before {
70
70
  position: absolute;
71
71
  color: #808998;
72
- top: 0.4em;
72
+ top: 10px;
73
73
  font-size: 13px;
74
74
  font-weight: 1000;
75
75
  display: block;
@@ -54,7 +54,7 @@
54
54
  background-color: $ac-secondary;
55
55
 
56
56
  .tabs {
57
- padding: 0 20px 0 20px;
57
+ padding: 0 8px 0 0;
58
58
  background-color: $ac-secondary;
59
59
  overflow: inherit;
60
60
  height: 40px;
@@ -121,7 +121,7 @@
121
121
  margin-bottom: 0px;
122
122
  font-size: 13px;
123
123
  border-radius: 0;
124
- padding: 5px 10px 5px 20px;
124
+ padding: 8px 8px 8px 20px;
125
125
  border: none;
126
126
  height: 40px;
127
127
  background-color: transparent !important;
@@ -141,7 +141,11 @@
141
141
  }
142
142
 
143
143
  .button {
144
- color: $secondary-30;
144
+ color: $secondary-60;
145
+ &:hover {
146
+ background: transparent;
147
+ color: $danger;
148
+ }
145
149
  }
146
150
  }
147
151
  }
@@ -149,6 +153,20 @@
149
153
 
150
154
  .ac-options {
151
155
  position: relative;
156
+ height: 40px;
157
+ width: 40px;
158
+
159
+ &:hover {
160
+ background-color: transparent;
161
+ }
162
+ .button {
163
+ &.ac-button {
164
+ height: 100%;
165
+ border-radius: 0 4px 4px 0;
166
+ z-index: 9;
167
+ width: 40px;
168
+ }
169
+ }
152
170
 
153
171
  .options-items {
154
172
  top: 5px;
@@ -210,7 +228,7 @@
210
228
 
211
229
  .terminal-setting {
212
230
  background-color: $secondary-5;
213
- padding: 5px 20px;
231
+ padding: 5px 20px 5px 0;
214
232
 
215
233
  .left-content {
216
234
  .ac-select-box-wrapper {
@@ -304,3 +322,76 @@
304
322
  width: calc(100% - 60px);
305
323
  }
306
324
  }
325
+
326
+ // kubedb terminal
327
+ .kubedb-terminal {
328
+ .terminal-setting {
329
+ background-color: $secondary-dark-grey;
330
+ .terminal-configs {
331
+ display: flex;
332
+ align-items: center;
333
+ color: $white-100;
334
+ li {
335
+ padding: 8px 16px 8px 16px;
336
+ margin: 0px 0px;
337
+ border-right: 1px solid $secondary-20;
338
+ &:first-child {
339
+ border-left: 1px solid $secondary-20;
340
+ }
341
+ button {
342
+ background-color: transparent;
343
+ border: none;
344
+ color: $white-100;
345
+ cursor: pointer;
346
+ opacity: 0;
347
+ visibility: hidden;
348
+ margin: 0;
349
+ padding: 0 0 0 10px;
350
+ transition: 0.3 ease-in-out;
351
+ }
352
+ &:hover {
353
+ button {
354
+ opacity: 1;
355
+ visibility: visible;
356
+ }
357
+ }
358
+ &:last-child {
359
+ border-right: none;
360
+ }
361
+ &.terminal-config-step {
362
+ font-weight: 600;
363
+ font-style: oblique;
364
+ }
365
+ }
366
+ }
367
+
368
+ .right-content {
369
+ .multi-select-wrapper {
370
+ min-width: 250px;
371
+ transform: scale(0.9);
372
+ margin-left: -10px;
373
+ margin-right: 0px;
374
+ label.show-label {
375
+ display: none;
376
+ }
377
+
378
+ .multiselect {
379
+ .multiselect__tags {
380
+ background-color: $primary-97;
381
+ border: none;
382
+ .multiselect__input {
383
+ color: $ac-primary;
384
+ background-color: $primary-97;
385
+ }
386
+
387
+ .multiselect__single {
388
+ top: 0;
389
+ color: $primary-10;
390
+ background-color: $primary-97;
391
+ }
392
+ }
393
+ }
394
+ }
395
+ }
396
+ }
397
+ }