@appscode/design-system 1.0.43-alpha.201 → 1.0.43-alpha.203
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.
|
@@ -466,16 +466,43 @@ li {
|
|
|
466
466
|
z-index: 99;
|
|
467
467
|
right: 30px;
|
|
468
468
|
}
|
|
469
|
+
&.has-refresh-button {
|
|
470
|
+
.multiselect__select {
|
|
471
|
+
z-index: 99;
|
|
472
|
+
right: 60px;
|
|
473
|
+
}
|
|
474
|
+
.button {
|
|
475
|
+
&.is-refresh {
|
|
476
|
+
right: 30px;
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
.button {
|
|
481
|
+
&.is-information {
|
|
482
|
+
right: 0;
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
&.has-refresh-button {
|
|
487
|
+
.multiselect__select {
|
|
488
|
+
z-index: 99;
|
|
489
|
+
right: 30px;
|
|
490
|
+
}
|
|
491
|
+
.button {
|
|
492
|
+
&.is-refresh {
|
|
493
|
+
right: 0;
|
|
494
|
+
}
|
|
495
|
+
}
|
|
469
496
|
}
|
|
470
497
|
|
|
471
498
|
.button {
|
|
472
|
-
&.is-information
|
|
499
|
+
&.is-information,
|
|
500
|
+
&.is-refresh {
|
|
473
501
|
background-color: transparent;
|
|
474
502
|
border: none;
|
|
475
503
|
position: absolute;
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
width: 45px;
|
|
504
|
+
height: 36px;
|
|
505
|
+
width: 36px;
|
|
479
506
|
z-index: 90;
|
|
480
507
|
margin-top: 0;
|
|
481
508
|
|
|
@@ -486,9 +513,36 @@ li {
|
|
|
486
513
|
transform: scale(0.8);
|
|
487
514
|
}
|
|
488
515
|
}
|
|
516
|
+
&.is-refresh.spin {
|
|
517
|
+
animation: spin 1s linear infinite;
|
|
518
|
+
}
|
|
489
519
|
}
|
|
490
520
|
}
|
|
491
521
|
|
|
522
|
+
@-moz-keyframes spin {
|
|
523
|
+
from {
|
|
524
|
+
-moz-transform: rotate(0deg);
|
|
525
|
+
}
|
|
526
|
+
to {
|
|
527
|
+
-moz-transform: rotate(360deg);
|
|
528
|
+
}
|
|
529
|
+
}
|
|
530
|
+
@-webkit-keyframes spin {
|
|
531
|
+
from {
|
|
532
|
+
-webkit-transform: rotate(0deg);
|
|
533
|
+
}
|
|
534
|
+
to {
|
|
535
|
+
-webkit-transform: rotate(360deg);
|
|
536
|
+
}
|
|
537
|
+
}
|
|
538
|
+
@keyframes spin {
|
|
539
|
+
from {
|
|
540
|
+
transform: rotate(0deg);
|
|
541
|
+
}
|
|
542
|
+
to {
|
|
543
|
+
transform: rotate(360deg);
|
|
544
|
+
}
|
|
545
|
+
}
|
|
492
546
|
// has info button end
|
|
493
547
|
|
|
494
548
|
// dark theme start
|