@dialpad/dialtone-css 8.75.1 → 8.76.0
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/lib/build/less/components/loader.less +21 -14
- package/lib/build/less/components/rich-text-editor.less +0 -9
- package/lib/dist/dialtone-default-theme.css +7 -8
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +7 -8
- package/lib/dist/dialtone.min.css +1 -1
- package/package.json +1 -1
|
@@ -13,20 +13,27 @@
|
|
|
13
13
|
// $ DEFAULT LOADER
|
|
14
14
|
// ----------------------------------------------------------------------------
|
|
15
15
|
.d-loader {
|
|
16
|
-
display: inline-
|
|
17
|
-
|
|
16
|
+
display: inline-grid;
|
|
17
|
+
|
|
18
|
+
&__icon {
|
|
19
|
+
grid-area: 1 / 1;
|
|
20
|
+
opacity: var(--dt-opacity-1000);
|
|
21
|
+
animation: d-loading-circle 900ms infinite linear;
|
|
18
22
|
|
|
19
|
-
.
|
|
20
|
-
|
|
23
|
+
// Comet fade. Black is an intentional choice and only used for masking.
|
|
24
|
+
mask-image: conic-gradient(
|
|
25
|
+
from 270deg,
|
|
26
|
+
black 0deg,
|
|
27
|
+
black 105deg,
|
|
28
|
+
transparent 170deg,
|
|
29
|
+
transparent 180deg,
|
|
30
|
+
black 234deg,
|
|
31
|
+
black 360deg
|
|
32
|
+
);
|
|
33
|
+
}
|
|
21
34
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
black 105deg,
|
|
27
|
-
transparent 170deg,
|
|
28
|
-
transparent 180deg,
|
|
29
|
-
black 234deg,
|
|
30
|
-
black 360deg
|
|
31
|
-
);
|
|
35
|
+
&__icon-track {
|
|
36
|
+
grid-area: 1 / 1;
|
|
37
|
+
opacity: var(--dt-opacity-200);
|
|
38
|
+
}
|
|
32
39
|
}
|
|
@@ -42,15 +42,6 @@
|
|
|
42
42
|
padding-left: var(--dt-space-400);
|
|
43
43
|
border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
|
|
44
44
|
}
|
|
45
|
-
|
|
46
|
-
table {
|
|
47
|
-
border-collapse: collapse;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
td {
|
|
51
|
-
padding-left: var(--dt-space-200);
|
|
52
|
-
border: var(--dt-size-border-100) solid var(--dt-color-foreground-primary);
|
|
53
|
-
}
|
|
54
45
|
}
|
|
55
46
|
}
|
|
56
47
|
|
|
@@ -3556,14 +3556,20 @@ legend .d-label--md {
|
|
|
3556
3556
|
margin-top: var(--dt-space-200);
|
|
3557
3557
|
}
|
|
3558
3558
|
.d-loader {
|
|
3559
|
-
display: inline-
|
|
3559
|
+
display: inline-grid;
|
|
3560
3560
|
}
|
|
3561
3561
|
.d-loader__icon {
|
|
3562
|
+
grid-area: 1 / 1;
|
|
3563
|
+
opacity: var(--dt-opacity-1000);
|
|
3562
3564
|
-webkit-animation: d-loading-circle 900ms infinite linear;
|
|
3563
3565
|
animation: d-loading-circle 900ms infinite linear;
|
|
3564
3566
|
-webkit-mask-image: conic-gradient(from 270deg, black 0deg, black 105deg, transparent 170deg, transparent 180deg, black 234deg, black 360deg);
|
|
3565
3567
|
mask-image: conic-gradient(from 270deg, black 0deg, black 105deg, transparent 170deg, transparent 180deg, black 234deg, black 360deg);
|
|
3566
3568
|
}
|
|
3569
|
+
.d-loader__icon-track {
|
|
3570
|
+
grid-area: 1 / 1;
|
|
3571
|
+
opacity: var(--dt-opacity-200);
|
|
3572
|
+
}
|
|
3567
3573
|
.d-modal {
|
|
3568
3574
|
--modal-backdrop-color-background: var(--dt-color-surface-backdrop);
|
|
3569
3575
|
--modal-dialog-padding: var(--dt-space-600);
|
|
@@ -4566,13 +4572,6 @@ legend .d-label--md {
|
|
|
4566
4572
|
padding-left: var(--dt-space-400);
|
|
4567
4573
|
border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
|
|
4568
4574
|
}
|
|
4569
|
-
.d-rich-text-editor > .ProseMirror table {
|
|
4570
|
-
border-collapse: collapse;
|
|
4571
|
-
}
|
|
4572
|
-
.d-rich-text-editor > .ProseMirror td {
|
|
4573
|
-
padding-left: var(--dt-space-200);
|
|
4574
|
-
border: var(--dt-size-border-100) solid var(--dt-color-foreground-primary);
|
|
4575
|
-
}
|
|
4576
4575
|
.d-rich-text-editor-bubble-menu__button-stack {
|
|
4577
4576
|
padding: var(--dt-space-300);
|
|
4578
4577
|
}
|