@wavemaker/foundation-css 12.0.0-next.45078 → 12.0.0-next.45081
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.
|
@@ -1,79 +1,74 @@
|
|
|
1
1
|
/**--import css variables file--**/
|
|
2
|
-
/**
|
|
3
|
-
* Do not edit directly, this file was auto-generated.
|
|
4
|
-
*/
|
|
5
2
|
@import url("https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
|
|
6
3
|
:root {
|
|
7
|
-
|
|
8
|
-
--wm-border-color-translucent: rgba(0, 0, 0, 0.175);
|
|
9
|
-
--wm-border-width: 1px;
|
|
10
|
-
--wm-border-style: solid;
|
|
4
|
+
/**--Colors--**/
|
|
11
5
|
--wm-color-primary: #65558F;
|
|
12
|
-
--wm-color-primary-container: #EADDFF;
|
|
13
|
-
--wm-color-primary-fixed: #EADDFF;
|
|
14
|
-
--wm-color-primary-fixed-dim: #D0BCFF;
|
|
15
|
-
--wm-color-primary-fixed-variant: #4F378B;
|
|
16
6
|
--wm-color-on-primary: #FFFFFF;
|
|
7
|
+
--wm-color-primary-container: #EADDFF;
|
|
17
8
|
--wm-color-on-primary-container: #21005D;
|
|
18
|
-
--wm-color-on-primary-fixed: #E8DEF8;
|
|
19
|
-
--wm-color-on-primary-fixed-dim: #CCC2DC;
|
|
20
|
-
--wm-color-on-primary-fixed-variant: #4A4458;
|
|
21
9
|
--wm-color-secondary: #625B71;
|
|
22
|
-
--wm-color-secondary-container: #E8DEF8;
|
|
23
|
-
--wm-color-secondary-fixed: #E8DEF8;
|
|
24
|
-
--wm-color-secondary-fixed-dim: #CCC2DC;
|
|
25
|
-
--wm-color-secondary-fixed-variant: #4A4458;
|
|
26
10
|
--wm-color-on-secondary: #FFFFFF;
|
|
11
|
+
--wm-color-secondary-container: #E8DEF8;
|
|
27
12
|
--wm-color-on-secondary-container: #1D192B;
|
|
28
|
-
--wm-color-on-secondary-fixed: #1D192B;
|
|
29
|
-
--wm-color-on-secondary-fixed-variant: #4A4458;
|
|
30
13
|
--wm-color-tertiary: #7D5260;
|
|
31
|
-
--wm-color-tertiary-container: #FFD8E4;
|
|
32
|
-
--wm-color-tertiary-fixed: #FFD8E4;
|
|
33
|
-
--wm-color-tertiary-fixed-dim: #EFB8C8;
|
|
34
14
|
--wm-color-on-tertiary: #FFFFFF;
|
|
15
|
+
--wm-color-tertiary-container: #FFD8E4;
|
|
35
16
|
--wm-color-on-tertiary-container: #31111D;
|
|
36
|
-
--wm-color-on-tertiary-fixed: #31111D;
|
|
37
|
-
--wm-color-on-tertiary-fixed-variant: #633B48;
|
|
38
17
|
--wm-color-success: #0abf00;
|
|
39
|
-
--wm-color-success-container: #9fffb2;
|
|
40
18
|
--wm-color-on-success: #ffffff;
|
|
19
|
+
--wm-color-success-container: #d5ffdd;
|
|
41
20
|
--wm-color-on-success-container: #1d1d1d;
|
|
42
21
|
--wm-color-info: #00c8ff;
|
|
43
|
-
--wm-color-info-container: #a5eaff;
|
|
44
22
|
--wm-color-on-info: #232323;
|
|
23
|
+
--wm-color-info-container: #ddf7ff;
|
|
45
24
|
--wm-color-on-info-container: #191919;
|
|
46
25
|
--wm-color-warning: #ffae00;
|
|
47
|
-
--wm-color-warning-container: #ffe495;
|
|
48
26
|
--wm-color-on-warning: #2c2c2c;
|
|
27
|
+
--wm-color-warning-container: #fff4d5;
|
|
49
28
|
--wm-color-on-warning-container: #1b1b1b;
|
|
50
29
|
--wm-color-error: #B3261E;
|
|
51
|
-
--wm-color-error-container: #F9DEDC;
|
|
52
30
|
--wm-color-on-error: #FFFFFF;
|
|
31
|
+
--wm-color-error-container: #F9DEDC;
|
|
53
32
|
--wm-color-on-error-container: #410E0B;
|
|
54
33
|
--wm-color-background: #FEF7FF;
|
|
55
34
|
--wm-color-on-background: #1D1B20;
|
|
56
35
|
--wm-color-surface: #FEF7FF;
|
|
57
|
-
--wm-color-surface-variant: #E7E0EC;
|
|
58
|
-
--wm-color-surface-bright: #FEF7FF;
|
|
59
|
-
--wm-color-surface-dim: #DED8E1;
|
|
60
|
-
--wm-color-surface-tint: #6750A4;
|
|
61
|
-
--wm-color-surface-container: #FFFFFF;
|
|
62
|
-
--wm-color-surface-container-low: #F7F2FA;
|
|
63
|
-
--wm-color-surface-container-lowest: #FFFFFF;
|
|
64
|
-
--wm-color-surface-container-high: #ECE6F0;
|
|
65
|
-
--wm-color-surface-container-highest: #E6E0E9;
|
|
66
36
|
--wm-color-on-surface: #1D1B20;
|
|
37
|
+
--wm-color-surface-variant: #E7E0EC;
|
|
67
38
|
--wm-color-on-surface-variant: #49454F;
|
|
68
39
|
--wm-color-inverse-surface: #322F35;
|
|
69
40
|
--wm-color-inverse-on-surface: #F5EFF7;
|
|
70
41
|
--wm-color-inverse-primary: #D0BCFF;
|
|
42
|
+
--wm-color-primary-fixed: #EADDFF;
|
|
43
|
+
--wm-color-on-primary-fixed: #21005D;
|
|
44
|
+
--wm-color-primary-fixed-dim: #D0BCFF;
|
|
45
|
+
--wm-color-on-primary-fixed-variant: #4F378B;
|
|
46
|
+
--wm-color-secondary-fixed: #E8DEF8;
|
|
47
|
+
--wm-color-on-secondary-fixed: #1D192B;
|
|
48
|
+
--wm-color-secondary-fixed-dim: #CCC2DC;
|
|
49
|
+
--wm-color-on-secondary-fixed-variant: #4A4458;
|
|
50
|
+
--wm-color-tertiary-fixed: #FFD8E4;
|
|
51
|
+
--wm-color-on-tertiary-fixed: #31111D;
|
|
52
|
+
--wm-color-tertiary-fixed-dim: #EFB8C8;
|
|
53
|
+
--wm-color-on-tertiary-fixed-variant: #633B48;
|
|
54
|
+
--wm-color-surface-tint: #6750A4;
|
|
55
|
+
--wm-color-surface-dim: #DED8E1;
|
|
56
|
+
--wm-color-surface-bright: #FEF7FF;
|
|
57
|
+
--wm-color-surface-container-lowest: #FFFFFF;
|
|
58
|
+
--wm-color-surface-container-low: #F7F2FA;
|
|
59
|
+
--wm-color-surface-container: #F3EDF7;
|
|
60
|
+
--wm-color-surface-container-high: #ECE6F0;
|
|
61
|
+
--wm-color-surface-container-highest: #E6E0E9;
|
|
71
62
|
--wm-color-outline: #79747E;
|
|
72
63
|
--wm-color-outline-variant: #CAC4D0;
|
|
73
64
|
--wm-color-shadow: #000000;
|
|
74
65
|
--wm-color-scrim: #000000;
|
|
75
66
|
--wm-color-white: #FFFFFF;
|
|
76
67
|
--wm-color-black: #000000;
|
|
68
|
+
/**--font--**/
|
|
69
|
+
--wm-font-family-brand: Roboto, var(--wm-font-family-backup);
|
|
70
|
+
--wm-font-family-plain: Roboto, var(--wm-font-family-backup);
|
|
71
|
+
--wm-font-family-backup: Arial, Helvetica, sans-serif;
|
|
77
72
|
--wm-font-weight-thin: 100;
|
|
78
73
|
--wm-font-weight-extralight: 200;
|
|
79
74
|
--wm-font-weight-light: 300;
|
|
@@ -83,9 +78,7 @@
|
|
|
83
78
|
--wm-font-weight-bold: 700;
|
|
84
79
|
--wm-font-weight-extrabold: 800;
|
|
85
80
|
--wm-font-weight-black: 900;
|
|
86
|
-
|
|
87
|
-
--wm-font-family-plain: Roboto, var(--wm-font-family-backup);
|
|
88
|
-
--wm-font-family-backup: Arial, Helvetica, sans-serif;
|
|
81
|
+
/**--border radius--**/
|
|
89
82
|
--wm-radius-none: 0px;
|
|
90
83
|
--wm-radius-xxs: 2px;
|
|
91
84
|
--wm-radius-xs: 4px;
|
|
@@ -96,45 +89,36 @@
|
|
|
96
89
|
--wm-radius-xxl: 32px;
|
|
97
90
|
--wm-radius-pill: 1000px;
|
|
98
91
|
--wm-radius-circle: 50%;
|
|
92
|
+
/*border*/
|
|
93
|
+
--wm-border-width: 1px;
|
|
94
|
+
--wm-border-style: solid;
|
|
95
|
+
--wm-border-color: var(--wm-color-outline-variant);
|
|
96
|
+
--wm-border-color-translucent: rgba(0, 0, 0, 0.175);
|
|
97
|
+
--wm-space-rule: 1rem;
|
|
99
98
|
--wm-space-0: calc(var(--wm-space-rule) * 0);
|
|
100
|
-
|
|
101
|
-
--wm-space-
|
|
102
|
-
|
|
103
|
-
--wm-space-
|
|
104
|
-
|
|
105
|
-
--wm-space-
|
|
106
|
-
|
|
107
|
-
--wm-space-
|
|
108
|
-
|
|
109
|
-
--wm-space-
|
|
110
|
-
|
|
111
|
-
--wm-space-
|
|
112
|
-
/* 24px */
|
|
113
|
-
--wm-space-7: calc(var(--wm-space-rule) * 7);
|
|
114
|
-
/* 28px */
|
|
115
|
-
--wm-space-8: calc(var(--wm-space-rule) * 8);
|
|
116
|
-
/* 32px */
|
|
117
|
-
--wm-space-9: calc(var(--wm-space-rule) * 9);
|
|
118
|
-
/* 36px */
|
|
119
|
-
--wm-space-10: calc(var(--wm-space-rule) * 10);
|
|
120
|
-
/* 40px */
|
|
121
|
-
--wm-space-11: calc(var(--wm-space-rule) * 11);
|
|
122
|
-
/* 44px */
|
|
123
|
-
--wm-space-12: calc(var(--wm-space-rule) * 12);
|
|
124
|
-
/* 48px */
|
|
125
|
-
--wm-space-rule: 0.25rem;
|
|
126
|
-
/* 4px */
|
|
127
|
-
--wm-spacer-0: calc(var(--wm-spacer) * 0);
|
|
128
|
-
--wm-spacer-1: calc(var(--wm-spacer) * 0.25);
|
|
129
|
-
--wm-spacer-2: calc(var(--wm-spacer) * 0.5);
|
|
130
|
-
--wm-spacer-3: calc(var(--wm-spacer) * 1);
|
|
131
|
-
--wm-spacer-4: calc(var(--wm-spacer) * 1.6);
|
|
132
|
-
--wm-spacer-5: calc(var(--wm-spacer) * 2.5);
|
|
133
|
-
--wm-spacer-6: calc(var(--wm-spacer) * 3.5);
|
|
134
|
-
--wm-spacer-7: calc(var(--wm-spacer) * 4);
|
|
135
|
-
--wm-spacer-8: calc(var(--wm-spacer) * 8);
|
|
136
|
-
--wm-spacer-9: calc(var(--wm-spacer) * 11);
|
|
99
|
+
--wm-space-1: calc(var(--wm-space-rule) * 0.25);
|
|
100
|
+
--wm-space-2: calc(var(--wm-space-rule) * 0.5);
|
|
101
|
+
--wm-space-3: calc(var(--wm-space-rule) * 0.75);
|
|
102
|
+
--wm-space-4: calc(var(--wm-space-rule) * 1);
|
|
103
|
+
--wm-space-5: calc(var(--wm-space-rule) * 1.25);
|
|
104
|
+
--wm-space-6: calc(var(--wm-space-rule) * 1.5);
|
|
105
|
+
--wm-space-7: calc(var(--wm-space-rule) * 1.75);
|
|
106
|
+
--wm-space-8: calc(var(--wm-space-rule) * 2);
|
|
107
|
+
--wm-space-9: calc(var(--wm-space-rule) * 2.25);
|
|
108
|
+
--wm-space-10: calc(var(--wm-space-rule) * 2.5);
|
|
109
|
+
--wm-space-11: calc(var(--wm-space-rule) * 2.75);
|
|
110
|
+
--wm-space-12: calc(var(--wm-space-rule) * 3);
|
|
137
111
|
--wm-spacer: 1rem;
|
|
112
|
+
--wm-spacer-0: calc(var(--wm-spacer)*0);
|
|
113
|
+
--wm-spacer-1: calc(var(--wm-spacer)*0.25);
|
|
114
|
+
--wm-spacer-2: calc(var(--wm-spacer)*0.5);
|
|
115
|
+
--wm-spacer-3: calc(var(--wm-spacer)*1);
|
|
116
|
+
--wm-spacer-4: calc(var(--wm-spacer)*1.6);
|
|
117
|
+
--wm-spacer-5: calc(var(--wm-spacer)*2.5);
|
|
118
|
+
--wm-spacer-6: calc(var(--wm-spacer)*3.5);
|
|
119
|
+
--wm-spacer-7: calc(var(--wm-spacer)*4);
|
|
120
|
+
--wm-spacer-8: calc(var(--wm-spacer)*8);
|
|
121
|
+
--wm-spacer-9: calc(var(--wm-spacer)*11);
|
|
138
122
|
}
|
|
139
123
|
/*=========
|
|
140
124
|
css variables doesn't support by less functions to generate lighten, darken, fade, etc.
|
|
@@ -427,59 +411,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
427
411
|
--wm-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
|
|
428
412
|
--wm-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
429
413
|
}
|
|
430
|
-
@media (prefers-color-scheme: dark) {
|
|
431
|
-
:root {
|
|
432
|
-
--wm-color-background: #141218;
|
|
433
|
-
--wm-color-error: #f2b8b5;
|
|
434
|
-
--wm-color-error-container: #8c1d18;
|
|
435
|
-
--wm-color-inverse-on-surface: #322f35;
|
|
436
|
-
--wm-color-inverse-primary: #6750a4;
|
|
437
|
-
--wm-color-inverse-surface: #e6e0e9;
|
|
438
|
-
--wm-color-on-background: #e6e0e9;
|
|
439
|
-
--wm-color-on-error: #601410;
|
|
440
|
-
--wm-color-on-error-container: #f9dedc;
|
|
441
|
-
--wm-color-on-primary: #381e72;
|
|
442
|
-
--wm-color-on-primary-container: #eaddff;
|
|
443
|
-
--wm-color-on-primary-fixed: #21005d;
|
|
444
|
-
--wm-color-on-primary-fixed-variant: #4f378b;
|
|
445
|
-
--wm-color-on-secondary: #332d41;
|
|
446
|
-
--wm-color-on-secondary-container: #e8def8;
|
|
447
|
-
--wm-color-on-secondary-fixed: #1d192b;
|
|
448
|
-
--wm-color-on-secondary-fixed-variant: #4a4458;
|
|
449
|
-
--wm-color-on-surface: #e6e0e9;
|
|
450
|
-
--wm-color-on-surface-variant: #cac4d0;
|
|
451
|
-
--wm-color-on-tertiary: #492532;
|
|
452
|
-
--wm-color-on-tertiary-container: #ffd8e4;
|
|
453
|
-
--wm-color-on-tertiary-fixed: #31111d;
|
|
454
|
-
--wm-color-on-tertiary-fixed-variant: #633b48;
|
|
455
|
-
--wm-color-outline: #938f99;
|
|
456
|
-
--wm-color-outline-variant: #49454f;
|
|
457
|
-
--wm-color-primary: #d0bcfe;
|
|
458
|
-
--wm-color-primary-container: #4f378b;
|
|
459
|
-
--wm-color-primary-fixed: #eaddff;
|
|
460
|
-
--wm-color-primary-fixed-dim: #d0bcff;
|
|
461
|
-
--wm-color-scrim: #000000;
|
|
462
|
-
--wm-color-secondary: #ccc2dc;
|
|
463
|
-
--wm-color-secondary-container: #4a4458;
|
|
464
|
-
--wm-color-secondary-fixed: #e8def8;
|
|
465
|
-
--wm-color-secondary-fixed-dim: #ccc2dc;
|
|
466
|
-
--wm-color-shadow: #000000;
|
|
467
|
-
--wm-color-surface: #141218;
|
|
468
|
-
--wm-color-surface-bright: #3b383e;
|
|
469
|
-
--wm-color-surface-container: #211f26;
|
|
470
|
-
--wm-color-surface-container-high: #2b2930;
|
|
471
|
-
--wm-color-surface-container-highest: #36343b;
|
|
472
|
-
--wm-color-surface-container-low: #1d1b20;
|
|
473
|
-
--wm-color-surface-container-lowest: #0f0d13;
|
|
474
|
-
--wm-color-surface-dim: #141218;
|
|
475
|
-
--wm-color-surface-tint: #d0bcff;
|
|
476
|
-
--wm-color-surface-variant: #49454f;
|
|
477
|
-
--wm-color-tertiary: #efb8c8;
|
|
478
|
-
--wm-color-tertiary-container: #633b48;
|
|
479
|
-
--wm-color-tertiary-fixed: #ffd8e4;
|
|
480
|
-
--wm-color-tertiary-fixed-dim: #efb8c8;
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
414
|
/*=========
|
|
484
415
|
css variables doesn't support by less functions to generate lighten, darken, fade, etc.
|
|
485
416
|
We are using color-mix function of css variables.
|
|
@@ -829,6 +760,40 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
829
760
|
--wm-currency-inputgroup-addon-font-weight: var(--wm-form-control-font-weight);
|
|
830
761
|
--wm-currency-inputgroup-addon-line-height: var(--wm-form-control-line-height);
|
|
831
762
|
--wm-currency-inputgroup-addon-letter-spacing: var(--wm-form-control-letter-spacing);
|
|
763
|
+
/* table variables */
|
|
764
|
+
--wm-data-table-border-collapse: unset;
|
|
765
|
+
--wm-data-table-overlay-background: var(--wm-color-white);
|
|
766
|
+
--wm-data-table-overlay-color: var(--wm-color-black);
|
|
767
|
+
--wm-data-table-overlay-opacity: 75%;
|
|
768
|
+
--wm-data-table-border-spacing: unset;
|
|
769
|
+
--wm-data-table-padding: var(--wm-space-2) var(--wm-space-4);
|
|
770
|
+
--wm-data-table-padding-condensed: var(--wm-space-1) var(--wm-space-2);
|
|
771
|
+
--wm-data-table-thead-tr-color: var(--wm-color-on-surface);
|
|
772
|
+
--wm-data-table-thead-tr-background: var(--wm-color-surface);
|
|
773
|
+
--wm-data-table-thead-tr-font-size: var(--wm-h5-font-size);
|
|
774
|
+
--wm-data-table-thead-tr-font-weight: var(--wm-h5-font-weight);
|
|
775
|
+
--wm-data-table-thead-tr-font-family: var(--wm-h5-font-family);
|
|
776
|
+
--wm-data-table-thead-tr-line-height: var(--wm-h5-line-height);
|
|
777
|
+
--wm-data-table-thead-tr-letter-spacing: var(--wm-h5-letter-spacing);
|
|
778
|
+
--wm-data-table-thead-th-padding: var(--wm-data-table-padding);
|
|
779
|
+
--wm-data-table-thead-th-border-width: var(--wm-border-width);
|
|
780
|
+
--wm-data-table-thead-th-border-style: var(--wm-border-style);
|
|
781
|
+
--wm-data-table-thead-th-border-color: var(--wm-border-color);
|
|
782
|
+
/*tale body*/
|
|
783
|
+
--wm-data-table-tbody-tr-background: var(--wm-color-surface-container-lowest);
|
|
784
|
+
--wm-data-table-tbody-tr-background-hover: var(--wm-color-surface-container-low);
|
|
785
|
+
--wm-data-table-tbody-tr-background-active: var(--wm-color-surface-variant);
|
|
786
|
+
--wm-data-table-tbody-tr-font-size: var(--wm-body-large-font-size);
|
|
787
|
+
--wm-data-table-tbody-tr-font-weight: var(--wm-body-large-font-weight);
|
|
788
|
+
--wm-data-table-tbody-tr-font-family: var(--wm-body-large-font-family);
|
|
789
|
+
--wm-data-table-tbody-tr-line-height: var(--wm-body-large-line-height);
|
|
790
|
+
--wm-data-table-tbody-tr-letter-spacing: var(--wm-body-large-letter-spacing);
|
|
791
|
+
--wm-data-table-tbody-tr-color: var(--wm-color-on-surface);
|
|
792
|
+
--wm-data-table-tbody-td-padding: var(--wm-data-table-padding);
|
|
793
|
+
--wm-data-table-tbody-td-border-width: var(--wm-border-width);
|
|
794
|
+
--wm-data-table-tbody-td-border-style: var(--wm-border-style);
|
|
795
|
+
--wm-data-table-tbody-td-border-color: var(--wm-border-color);
|
|
796
|
+
--wm-data-table-tbody-td-border-radius: var(--wm-radius-md);
|
|
832
797
|
/* datepicker variables */
|
|
833
798
|
--wm-datepicker-color: var(--wm-color-on-surface);
|
|
834
799
|
--wm-datepicker-background: var(--wm-color-surface-container-high);
|
|
@@ -1303,13 +1268,13 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
1303
1268
|
--wm-radiobutton-set-item-gap: var(--wm-space-6);
|
|
1304
1269
|
/*--Rating--*/
|
|
1305
1270
|
--wm-rating-gap: var(--wm-space-2);
|
|
1306
|
-
--wm-rating-icon-gap: var(--wm-space-
|
|
1271
|
+
--wm-rating-icon-gap: var(--wm-space-1);
|
|
1307
1272
|
--wm-rating-icon-color: var(--wm-color-on-surface);
|
|
1308
1273
|
--wm-rating-icon-color-active: var(--wm-color-warning);
|
|
1309
1274
|
--wm-rating-icon-size: var(--wm-icon-size);
|
|
1310
1275
|
--wm-rating-icon-opacity-inactive: 0.38;
|
|
1311
1276
|
--wm-rating-icon-opacity-active: 1;
|
|
1312
|
-
--wm-rating-icon-opacity-readonly:
|
|
1277
|
+
--wm-rating-icon-opacity-readonly: 1;
|
|
1313
1278
|
/* search variables */
|
|
1314
1279
|
--wm-search-full-screen-background: var(--wm-color-surface-container);
|
|
1315
1280
|
--wm-search-back-btn-margin-vertical: var(--wm-space-0);
|
|
@@ -11309,96 +11274,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
11309
11274
|
padding-left: 2px;
|
|
11310
11275
|
display: inline-block;
|
|
11311
11276
|
}
|
|
11312
|
-
.wm-app .app-slider {
|
|
11313
|
-
width: auto;
|
|
11314
|
-
position: relative;
|
|
11315
|
-
}
|
|
11316
|
-
.wm-app .app-slider .app-slider-value {
|
|
11317
|
-
display: inline-block;
|
|
11318
|
-
text-align: center;
|
|
11319
|
-
}
|
|
11320
|
-
.wm-app .app-slider .range-input,
|
|
11321
|
-
.wm-app .app-slider output {
|
|
11322
|
-
display: inline-block;
|
|
11323
|
-
}
|
|
11324
|
-
.wm-app .app-slider input[type="range"],
|
|
11325
|
-
.wm-app .app-slider input[type="range"]::-webkit-slider-runnable-track,
|
|
11326
|
-
.wm-app .app-slider input[type="range"]::-webkit-slider-thumb {
|
|
11327
|
-
-webkit-appearance: none;
|
|
11328
|
-
}
|
|
11329
|
-
.wm-app .app-slider input[type="range"] {
|
|
11330
|
-
color: #5b89db;
|
|
11331
|
-
border: 0 solid transparent;
|
|
11332
|
-
background-color: transparent;
|
|
11333
|
-
border-width: 0 1em;
|
|
11334
|
-
padding: 0;
|
|
11335
|
-
width: 100%;
|
|
11336
|
-
height: 2.5em;
|
|
11337
|
-
opacity: 0.65;
|
|
11338
|
-
cursor: pointer;
|
|
11339
|
-
}
|
|
11340
|
-
.wm-app .app-slider input[type="range"]:focus {
|
|
11341
|
-
outline: 0;
|
|
11342
|
-
opacity: 0.99;
|
|
11343
|
-
}
|
|
11344
|
-
.wm-app .app-slider input[type="range"]::-webkit-slider-runnable-track {
|
|
11345
|
-
position: relative;
|
|
11346
|
-
height: 1.25em;
|
|
11347
|
-
background: linear-gradient(#d5cebc, #d5cebc) no-repeat;
|
|
11348
|
-
background-size: 100% 0.2em;
|
|
11349
|
-
}
|
|
11350
|
-
.wm-app .app-slider input[type="range"]::-webkit-slider-thumb {
|
|
11351
|
-
position: relative;
|
|
11352
|
-
margin-top: -0.6em;
|
|
11353
|
-
border-radius: 50%;
|
|
11354
|
-
background: currentColor;
|
|
11355
|
-
width: 1.25em;
|
|
11356
|
-
height: 1.25em;
|
|
11357
|
-
}
|
|
11358
|
-
.wm-app .app-slider input[type="range"]::-moz-range-track {
|
|
11359
|
-
height: 1.25em;
|
|
11360
|
-
background: linear-gradient(#d5cebc, #d5cebc) no-repeat;
|
|
11361
|
-
background-size: 100% 0.2em;
|
|
11362
|
-
}
|
|
11363
|
-
.wm-app .app-slider input[type="range"]::-moz-range-progress {
|
|
11364
|
-
height: 1.25em;
|
|
11365
|
-
box-shadow: inset 0 0.2em currentColor;
|
|
11366
|
-
}
|
|
11367
|
-
.wm-app .app-slider input[type="range"]::-moz-range-thumb {
|
|
11368
|
-
border: none;
|
|
11369
|
-
border-radius: 50%;
|
|
11370
|
-
background: currentColor;
|
|
11371
|
-
transform: translateY(-0.58em);
|
|
11372
|
-
width: 1.25em;
|
|
11373
|
-
height: 1.25em;
|
|
11374
|
-
}
|
|
11375
|
-
.wm-app .app-slider input[type="range"]::-ms-track {
|
|
11376
|
-
margin-left: 0.625em;
|
|
11377
|
-
border: none;
|
|
11378
|
-
height: 1.25em;
|
|
11379
|
-
background: linear-gradient(#d5cebc, #d5cebc) no-repeat;
|
|
11380
|
-
background-size: 100% 0.2em;
|
|
11381
|
-
color: transparent;
|
|
11382
|
-
}
|
|
11383
|
-
.wm-app .app-slider input[type="range"]::-ms-fill-lower {
|
|
11384
|
-
height: 1.25em;
|
|
11385
|
-
box-shadow: inset 0 0.2em currentColor;
|
|
11386
|
-
background: linear-gradient(transparent 0.125em, transparent 0.125em) no-repeat;
|
|
11387
|
-
}
|
|
11388
|
-
.wm-app .app-slider input[type="range"]::-ms-thumb {
|
|
11389
|
-
border: none;
|
|
11390
|
-
border-radius: 50%;
|
|
11391
|
-
background: currentColor;
|
|
11392
|
-
width: 1.25em;
|
|
11393
|
-
height: 1.25em;
|
|
11394
|
-
transform: translate(1px, -0.58em);
|
|
11395
|
-
}
|
|
11396
|
-
.wm-app .app-slider input[type="range"]::-ms-tooltip {
|
|
11397
|
-
display: none;
|
|
11398
|
-
}
|
|
11399
|
-
.wm-app .app-label {
|
|
11400
|
-
position: relative;
|
|
11401
|
-
}
|
|
11402
11277
|
.wm-app .app-textbox[type="number"].step-hidden {
|
|
11403
11278
|
-moz-appearance: textfield;
|
|
11404
11279
|
}
|
|
@@ -11407,11 +11282,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
11407
11282
|
-webkit-appearance: none;
|
|
11408
11283
|
margin: 0;
|
|
11409
11284
|
}
|
|
11410
|
-
.wm-app [widget="checkbox"][required="required"]:not([displayname]) .app-checkbox label.required:after {
|
|
11411
|
-
content: "*";
|
|
11412
|
-
color: red;
|
|
11413
|
-
margin-left: 2px;
|
|
11414
|
-
}
|
|
11415
11285
|
.wm-app .order-by li button {
|
|
11416
11286
|
padding: 0;
|
|
11417
11287
|
}
|
|
@@ -14362,6 +14232,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
14362
14232
|
background: var(--wm-panel-background);
|
|
14363
14233
|
border-radius: var(--wm-panel-radius);
|
|
14364
14234
|
box-shadow: var(--wm-panel-shadow);
|
|
14235
|
+
--wm-grid-layout-column-padding: var(--wm-space-0);
|
|
14365
14236
|
}
|
|
14366
14237
|
.wm-app .app-panel > .panel-heading,
|
|
14367
14238
|
.wm-app .panel > .panel-heading {
|
|
@@ -15251,6 +15122,155 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15251
15122
|
.wm-app .app-currency.input-group .form-control.app-currency-input {
|
|
15252
15123
|
padding-left: var(--wm-currency-inputgroup-addon-width);
|
|
15253
15124
|
}
|
|
15125
|
+
.wm-app .app-grid > .panel-heading .panel-title {
|
|
15126
|
+
width: 100%;
|
|
15127
|
+
display: flex;
|
|
15128
|
+
align-items: center;
|
|
15129
|
+
justify-content: space-between;
|
|
15130
|
+
}
|
|
15131
|
+
.wm-app .app-grid > .panel-heading .panel-title .pull-left:has(.app-icon) {
|
|
15132
|
+
place-self: flex-start;
|
|
15133
|
+
}
|
|
15134
|
+
.wm-app .app-grid > .panel-heading .panel-title .panel-actions.app-datagrid-actions {
|
|
15135
|
+
width: 100%;
|
|
15136
|
+
flex: 1;
|
|
15137
|
+
justify-content: flex-end;
|
|
15138
|
+
margin: 0;
|
|
15139
|
+
}
|
|
15140
|
+
.wm-app .app-grid > .app-datagrid {
|
|
15141
|
+
--wm-form-control-height: 40px;
|
|
15142
|
+
--wm-form-control-padding: var(--wm-space-2);
|
|
15143
|
+
}
|
|
15144
|
+
.wm-app .app-grid > .app-datagrid > .form-search {
|
|
15145
|
+
display: flex;
|
|
15146
|
+
padding: 0 var(--wm-panel-content-padding);
|
|
15147
|
+
margin-bottom: var(--wm-panel-content-padding);
|
|
15148
|
+
}
|
|
15149
|
+
.wm-app .app-grid > .app-datagrid > .form-search .form-group {
|
|
15150
|
+
margin-right: -1px;
|
|
15151
|
+
}
|
|
15152
|
+
.wm-app .app-grid > .app-datagrid > .form-search .form-control.app-textbox {
|
|
15153
|
+
border-top-right-radius: 0;
|
|
15154
|
+
border-bottom-right-radius: 0;
|
|
15155
|
+
}
|
|
15156
|
+
.wm-app .app-grid > .app-datagrid > .form-search .form-control.app-select {
|
|
15157
|
+
border-top-left-radius: 0;
|
|
15158
|
+
border-bottom-left-radius: 0;
|
|
15159
|
+
}
|
|
15160
|
+
.wm-app .app-grid > .app-datagrid .table-container {
|
|
15161
|
+
position: relative;
|
|
15162
|
+
overflow: hidden;
|
|
15163
|
+
width: 100%;
|
|
15164
|
+
}
|
|
15165
|
+
.wm-app .app-grid > .app-datagrid .table-container.table-responsive {
|
|
15166
|
+
overflow-x: auto;
|
|
15167
|
+
}
|
|
15168
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner {
|
|
15169
|
+
height: 100%;
|
|
15170
|
+
width: 100%;
|
|
15171
|
+
overflow: auto;
|
|
15172
|
+
}
|
|
15173
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table {
|
|
15174
|
+
width: 100%;
|
|
15175
|
+
display: table;
|
|
15176
|
+
table-layout: fixed;
|
|
15177
|
+
border-collapse: var(--wm-data-table-border-collapse);
|
|
15178
|
+
border-spacing: var(--wm-data-table-border-spacing);
|
|
15179
|
+
}
|
|
15180
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr {
|
|
15181
|
+
font-family: var(--wm-data-table-thead-tr-font-family);
|
|
15182
|
+
font-weight: var(--wm-data-table-thead-tr-font-weight);
|
|
15183
|
+
font-size: var(--wm-data-table-thead-tr-font-size);
|
|
15184
|
+
line-height: var(--wm-data-table-thead-tr-line-height);
|
|
15185
|
+
letter-spacing: var(--wm-data-table-thead-tr-letter-spacing);
|
|
15186
|
+
color: var(--wm-data-table-thead-tr-color);
|
|
15187
|
+
background: var(--wm-data-table-thead-tr-background);
|
|
15188
|
+
}
|
|
15189
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th {
|
|
15190
|
+
border-bottom: var(--wm-data-table-thead-th-border-width) var(--wm-data-table-thead-th-border-style) var(--wm-data-table-thead-th-border-color);
|
|
15191
|
+
padding: var(--wm-data-table-thead-th-padding);
|
|
15192
|
+
overflow: hidden;
|
|
15193
|
+
}
|
|
15194
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th:has(input) span.header-data {
|
|
15195
|
+
display: none;
|
|
15196
|
+
}
|
|
15197
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th .sort-buttons-container {
|
|
15198
|
+
display: inline-flex;
|
|
15199
|
+
align-items: center;
|
|
15200
|
+
justify-content: center;
|
|
15201
|
+
margin-left: 4px;
|
|
15202
|
+
}
|
|
15203
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th .sort-buttons-container .sort-icon {
|
|
15204
|
+
position: relative;
|
|
15205
|
+
display: inline-flex;
|
|
15206
|
+
flex-direction: column;
|
|
15207
|
+
align-items: center;
|
|
15208
|
+
justify-content: center;
|
|
15209
|
+
gap: 2px;
|
|
15210
|
+
}
|
|
15211
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th .sort-buttons-container .sort-icon:before,
|
|
15212
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th .sort-buttons-container .sort-icon:after {
|
|
15213
|
+
content: "";
|
|
15214
|
+
display: inline-flex;
|
|
15215
|
+
opacity: 0.5;
|
|
15216
|
+
align-items: center;
|
|
15217
|
+
justify-content: center;
|
|
15218
|
+
height: 6px;
|
|
15219
|
+
width: 10px;
|
|
15220
|
+
}
|
|
15221
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead tr th > .input-group .input-group-btn {
|
|
15222
|
+
right: calc(var(--wm-input-group-btn-width) + var(--wm-btn-icon-md-margin));
|
|
15223
|
+
}
|
|
15224
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > thead.thead-sticky {
|
|
15225
|
+
z-index: 1;
|
|
15226
|
+
position: sticky;
|
|
15227
|
+
top: 0;
|
|
15228
|
+
}
|
|
15229
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > tbody > tr {
|
|
15230
|
+
font-family: var(--wm-data-table-tbody-tr-font-family);
|
|
15231
|
+
font-weight: var(--wm-data-table-tbody-tr-font-weight);
|
|
15232
|
+
font-size: var(--wm-data-table-tbody-tr-font-size);
|
|
15233
|
+
letter-spacing: var(--wm-data-table-tbody-tr-letter-spacing);
|
|
15234
|
+
line-height: var(--wm-data-table-tbody-tr-line-height);
|
|
15235
|
+
color: var(--wm-data-table-tbody-tr-color);
|
|
15236
|
+
background: var(--wm-table-tr-hover-background);
|
|
15237
|
+
}
|
|
15238
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > tbody > tr td {
|
|
15239
|
+
border-bottom: var(--wm-data-table-tbody-td-border-width) var(--wm-data-table-tbody-td-border-style) var(--wm-data-table-tbody-td-border-color);
|
|
15240
|
+
padding: var(--wm-data-table-tbody-td-padding);
|
|
15241
|
+
overflow: hidden;
|
|
15242
|
+
}
|
|
15243
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > tbody > tr:hover {
|
|
15244
|
+
background: var(--wm-table-tr-hover-background);
|
|
15245
|
+
}
|
|
15246
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > tbody > tr.active {
|
|
15247
|
+
background: var(--wm-table-tr-active-background);
|
|
15248
|
+
}
|
|
15249
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table > tbody > tr:last-child td {
|
|
15250
|
+
border: none;
|
|
15251
|
+
}
|
|
15252
|
+
.wm-app .app-grid > .app-datagrid .table-container > .app-grid-header .app-grid-header-inner .table.table-condensed {
|
|
15253
|
+
--wm-data-table-thead-th-padding: var(--wm-data-table-padding-condensed);
|
|
15254
|
+
--wm-data-table-tbody-td-padding: var(--wm-data-table-padding-condensed);
|
|
15255
|
+
}
|
|
15256
|
+
.wm-app .app-grid > .app-datagrid .table-container .overlay {
|
|
15257
|
+
width: 100%;
|
|
15258
|
+
height: 100%;
|
|
15259
|
+
display: flex;
|
|
15260
|
+
justify-content: center;
|
|
15261
|
+
align-items: center;
|
|
15262
|
+
position: absolute;
|
|
15263
|
+
inset: 0;
|
|
15264
|
+
z-index: 1;
|
|
15265
|
+
background: color-mix(in srgb, var(--wm-data-table-overlay-background), transparent calc(100% - var(--wm-data-table-overlay-opacity)));
|
|
15266
|
+
color: var(--wm-data-table-overlay-color);
|
|
15267
|
+
}
|
|
15268
|
+
.wm-app .app-grid > .app-datagrid .table-container .overlay .status {
|
|
15269
|
+
display: inline-flex;
|
|
15270
|
+
justify-content: center;
|
|
15271
|
+
align-items: center;
|
|
15272
|
+
gap: var(--wm-space-1);
|
|
15273
|
+
}
|
|
15254
15274
|
.wm-app bs-datepicker-container {
|
|
15255
15275
|
z-index: 1060;
|
|
15256
15276
|
margin: var(--wm-space-3) var(--wm-space-0);
|
|
@@ -15420,18 +15440,18 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15420
15440
|
position: relative;
|
|
15421
15441
|
display: inline-flex;
|
|
15422
15442
|
}
|
|
15423
|
-
.wm-app .dropdown
|
|
15424
|
-
.wm-app .dropdown
|
|
15425
|
-
.wm-app .dropdown
|
|
15426
|
-
.wm-app .dropdown
|
|
15443
|
+
.wm-app .dropdown .btn > .anchor-caption,
|
|
15444
|
+
.wm-app .dropdown a > .anchor-caption,
|
|
15445
|
+
.wm-app .dropdown .btn > .btn-caption,
|
|
15446
|
+
.wm-app .dropdown a > .btn-caption {
|
|
15427
15447
|
width: 100%;
|
|
15428
15448
|
white-space: nowrap;
|
|
15429
15449
|
overflow: hidden;
|
|
15430
15450
|
text-overflow: ellipsis;
|
|
15431
15451
|
text-align: left;
|
|
15432
15452
|
}
|
|
15433
|
-
.wm-app .dropdown
|
|
15434
|
-
.wm-app .dropdown
|
|
15453
|
+
.wm-app .dropdown .btn .caret,
|
|
15454
|
+
.wm-app .dropdown a .caret {
|
|
15435
15455
|
margin: 0;
|
|
15436
15456
|
display: inline-flex;
|
|
15437
15457
|
justify-content: center;
|
|
@@ -15443,17 +15463,17 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15443
15463
|
font-size: var(--wm-dropdown-menu-caret-size);
|
|
15444
15464
|
transform: rotate(180deg);
|
|
15445
15465
|
}
|
|
15446
|
-
.wm-app .dropdown
|
|
15447
|
-
.wm-app .dropdown
|
|
15466
|
+
.wm-app .dropdown .btn:has(> .caret),
|
|
15467
|
+
.wm-app .dropdown a:has(> .caret) {
|
|
15448
15468
|
padding-right: calc(var(--wm-dropdown-menu-caret-size) * 2) !important;
|
|
15449
15469
|
}
|
|
15450
|
-
.wm-app .dropdown
|
|
15470
|
+
.wm-app .dropdown:not(.open) > .btn .caret {
|
|
15451
15471
|
transform: rotate(0deg);
|
|
15452
15472
|
}
|
|
15453
|
-
.wm-app .dropdown
|
|
15473
|
+
.wm-app .dropdown:not(.open) > .dropdown-menu {
|
|
15454
15474
|
display: none;
|
|
15455
15475
|
}
|
|
15456
|
-
.wm-app .dropdown
|
|
15476
|
+
.wm-app .dropdown .dropdown-menu {
|
|
15457
15477
|
display: flex;
|
|
15458
15478
|
flex-direction: column;
|
|
15459
15479
|
width: var(--wm-dropdown-menu-width);
|
|
@@ -15466,7 +15486,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15466
15486
|
left: 0;
|
|
15467
15487
|
z-index: 1000;
|
|
15468
15488
|
}
|
|
15469
|
-
.wm-app .dropdown
|
|
15489
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a,
|
|
15490
|
+
.wm-app .dropdown .dropdown-menu li a {
|
|
15470
15491
|
display: flex;
|
|
15471
15492
|
align-items: center;
|
|
15472
15493
|
justify-content: flex-start;
|
|
@@ -15480,7 +15501,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15480
15501
|
letter-spacing: var(--wm-dropdown-menu-item-letter-spacing);
|
|
15481
15502
|
color: var(--wm-dropdown-menu-item-color);
|
|
15482
15503
|
}
|
|
15483
|
-
.wm-app .dropdown
|
|
15504
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a:before,
|
|
15505
|
+
.wm-app .dropdown .dropdown-menu li a:before {
|
|
15484
15506
|
content: "";
|
|
15485
15507
|
position: absolute;
|
|
15486
15508
|
inset: 0;
|
|
@@ -15490,77 +15512,81 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15490
15512
|
background: var(--wm-dropdown-menu-item-state-layer-color);
|
|
15491
15513
|
border-radius: inherit;
|
|
15492
15514
|
}
|
|
15493
|
-
.wm-app .dropdown
|
|
15515
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a .anchor-caption,
|
|
15516
|
+
.wm-app .dropdown .dropdown-menu li a .anchor-caption {
|
|
15494
15517
|
overflow: hidden;
|
|
15495
15518
|
white-space: nowrap;
|
|
15496
15519
|
text-overflow: ellipsis;
|
|
15497
15520
|
}
|
|
15498
|
-
.wm-app .dropdown
|
|
15521
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a:hover:before,
|
|
15522
|
+
.wm-app .dropdown .dropdown-menu li a:hover:before {
|
|
15499
15523
|
opacity: var(--wm-dropdown-menu-item-state-layer-opacity-hover);
|
|
15500
15524
|
}
|
|
15501
|
-
.wm-app .dropdown
|
|
15525
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a:focus:before,
|
|
15526
|
+
.wm-app .dropdown .dropdown-menu li a:focus:before {
|
|
15502
15527
|
opacity: var(--wm-dropdown-menu-item-state-layer-opacity-focus);
|
|
15503
15528
|
}
|
|
15504
|
-
.wm-app .dropdown
|
|
15529
|
+
.wm-app .dropdown .dropdown-menu .app-menu-item a:active:before,
|
|
15530
|
+
.wm-app .dropdown .dropdown-menu li a:active:before {
|
|
15505
15531
|
opacity: var(--wm-dropdown-menu-item-state-layer-opacity-active);
|
|
15506
15532
|
}
|
|
15507
|
-
.wm-app .dropdown
|
|
15533
|
+
.wm-app .dropdown .dropdown-menu.horizontal {
|
|
15508
15534
|
width: auto;
|
|
15509
15535
|
flex-direction: row;
|
|
15510
15536
|
padding: var(--wm-dropdown-menu-horizontal-padding);
|
|
15511
15537
|
}
|
|
15512
|
-
.wm-app .dropdown
|
|
15538
|
+
.wm-app .dropdown .dropdown-menu.horizontal .dropdown-menu {
|
|
15513
15539
|
width: auto;
|
|
15514
15540
|
flex-direction: row;
|
|
15515
15541
|
padding: var(--wm-dropdown-menu-horizontal-padding);
|
|
15516
15542
|
}
|
|
15517
|
-
.wm-app .dropdown
|
|
15543
|
+
.wm-app .dropdown .dropdown-menu.horizontal .dropdown-menu.pull-right {
|
|
15518
15544
|
flex-direction: row-reverse;
|
|
15519
15545
|
}
|
|
15520
|
-
.wm-app .dropdown
|
|
15546
|
+
.wm-app .dropdown .dropdown-menu.horizontal.pull-right {
|
|
15521
15547
|
flex-direction: row-reverse;
|
|
15522
15548
|
}
|
|
15523
|
-
.wm-app .dropdown
|
|
15549
|
+
.wm-app .dropdown .dropdown-menu.horizontal .dropdown-submenu > .dropdown-menu {
|
|
15524
15550
|
top: 100%;
|
|
15525
15551
|
left: auto;
|
|
15526
15552
|
}
|
|
15527
|
-
.wm-app .dropdown
|
|
15553
|
+
.wm-app .dropdown .dropdown-menu.horizontal .dropdown-submenu > .dropdown-menu.pull-right {
|
|
15528
15554
|
left: auto;
|
|
15529
15555
|
right: 0;
|
|
15530
15556
|
}
|
|
15531
|
-
.wm-app .dropdown
|
|
15557
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu {
|
|
15532
15558
|
position: relative;
|
|
15533
15559
|
}
|
|
15534
|
-
.wm-app .dropdown
|
|
15560
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu > a {
|
|
15535
15561
|
padding-right: calc(var(--wm-dropdown-menu-caret-size) * 2);
|
|
15536
15562
|
}
|
|
15537
|
-
.wm-app .dropdown
|
|
15563
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu > a .caret {
|
|
15538
15564
|
transform: rotate(0deg);
|
|
15539
15565
|
}
|
|
15540
|
-
.wm-app .dropdown
|
|
15566
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
|
|
15541
15567
|
display: none;
|
|
15542
15568
|
top: 0;
|
|
15543
15569
|
left: 100%;
|
|
15544
15570
|
}
|
|
15545
|
-
.wm-app .dropdown
|
|
15571
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu.pull-right {
|
|
15546
15572
|
left: auto;
|
|
15547
15573
|
right: 100%;
|
|
15548
15574
|
}
|
|
15549
|
-
.wm-app .dropdown
|
|
15575
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
|
|
15550
15576
|
display: flex;
|
|
15551
15577
|
}
|
|
15552
|
-
.wm-app .dropdown
|
|
15578
|
+
.wm-app .dropdown .dropdown-menu .dropdown-submenu:hover > a .caret {
|
|
15553
15579
|
transform: rotate(180deg);
|
|
15554
15580
|
}
|
|
15555
|
-
.wm-app .dropdown
|
|
15581
|
+
.wm-app .dropdown .dropdown-menu.pull-right {
|
|
15556
15582
|
left: auto;
|
|
15557
15583
|
right: 0;
|
|
15558
15584
|
}
|
|
15559
|
-
.wm-app .dropdown
|
|
15585
|
+
.wm-app .dropdown .dropdown-menu.dropinline-menu .dropdown-menu {
|
|
15560
15586
|
position: relative;
|
|
15561
15587
|
inset: auto;
|
|
15562
15588
|
}
|
|
15563
|
-
.wm-app .dropdown
|
|
15589
|
+
.wm-app .dropdown .dropdown-menu.dropinline-menu .dropdown-submenu > .dropdown-menu {
|
|
15564
15590
|
position: relative;
|
|
15565
15591
|
inset: auto;
|
|
15566
15592
|
background: none;
|
|
@@ -15568,26 +15594,26 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
15568
15594
|
padding: var(--wm-dropdown-menu-vertical-inline-submenu-padding);
|
|
15569
15595
|
width: 100%;
|
|
15570
15596
|
}
|
|
15571
|
-
.wm-app .dropdown
|
|
15597
|
+
.wm-app .dropdown .dropdown-menu.dropinline-menu.horizontal .dropdown-submenu > .dropdown-menu {
|
|
15572
15598
|
padding: var(--wm-dropdown-menu-horizontal-inline-submenu-padding);
|
|
15573
15599
|
}
|
|
15574
|
-
.wm-app .dropdown.
|
|
15600
|
+
.wm-app .dropdown.dropup > .dropdown-menu {
|
|
15575
15601
|
bottom: 100%;
|
|
15576
15602
|
top: auto;
|
|
15577
15603
|
margin-bottom: 2px;
|
|
15578
15604
|
}
|
|
15579
|
-
.wm-app .dropdown.
|
|
15605
|
+
.wm-app .dropdown.dropup > .dropdown-menu .dropdown-submenu > .dropdown-menu {
|
|
15580
15606
|
top: auto;
|
|
15581
15607
|
bottom: 0;
|
|
15582
15608
|
}
|
|
15583
|
-
.wm-app .dropdown.
|
|
15609
|
+
.wm-app .dropdown.dropup > .dropdown-menu.horizontal .dropdown-submenu > .dropdown-menu {
|
|
15584
15610
|
top: auto;
|
|
15585
15611
|
bottom: 100%;
|
|
15586
15612
|
}
|
|
15587
|
-
.wm-app .dropdown
|
|
15613
|
+
.wm-app .dropdown[menuposition="inline"] {
|
|
15588
15614
|
flex-direction: column;
|
|
15589
15615
|
}
|
|
15590
|
-
.wm-app .dropdown
|
|
15616
|
+
.wm-app .dropdown[menuposition="inline"] > .dropdown-toggle {
|
|
15591
15617
|
align-self: flex-start;
|
|
15592
15618
|
}
|
|
15593
15619
|
.wm-app .wm-app .app-fileupload {
|
|
@@ -17436,63 +17462,28 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
17436
17462
|
width: var(--wm-rating-icon-size);
|
|
17437
17463
|
height: var(--wm-rating-icon-size);
|
|
17438
17464
|
opacity: var(--wm-rating-icon-opacity-inactive);
|
|
17439
|
-
|
|
17465
|
+
transform: scale(1);
|
|
17466
|
+
transition: transform 0.1s ease-in-out;
|
|
17440
17467
|
cursor: pointer;
|
|
17441
17468
|
}
|
|
17442
|
-
.wm-app .app-ratings .ratings-wrapper .rating-style label:before {
|
|
17443
|
-
content: "\f4c1";
|
|
17444
|
-
font-family: wavicon;
|
|
17445
|
-
display: inline-flex;
|
|
17446
|
-
align-items: center;
|
|
17447
|
-
justify-content: center;
|
|
17448
|
-
font-size: inherit;
|
|
17449
|
-
height: 100%;
|
|
17450
|
-
width: 100%;
|
|
17451
|
-
}
|
|
17452
17469
|
.wm-app .app-ratings .ratings-wrapper .rating-style label:hover,
|
|
17453
17470
|
.wm-app .app-ratings .ratings-wrapper .rating-style label:hover ~ label,
|
|
17454
17471
|
.wm-app .app-ratings .ratings-wrapper .rating-style label.active {
|
|
17455
17472
|
opacity: var(--wm-rating-icon-opacity-active);
|
|
17456
17473
|
color: var(--wm-rating-icon-color-active);
|
|
17457
17474
|
}
|
|
17458
|
-
.wm-app .app-ratings .ratings-wrapper .rating-style label:hover:before,
|
|
17459
|
-
.wm-app .app-ratings .ratings-wrapper .rating-style label:hover ~ label:before,
|
|
17460
|
-
.wm-app .app-ratings .ratings-wrapper .rating-style label.active:before {
|
|
17461
|
-
content: "\f4c3";
|
|
17462
|
-
}
|
|
17463
17475
|
.wm-app .app-ratings .ratings-wrapper .rating-style label:hover {
|
|
17464
17476
|
transform: scale(1.2);
|
|
17465
17477
|
}
|
|
17466
|
-
.wm-app .app-ratings .ratings-
|
|
17467
|
-
|
|
17468
|
-
|
|
17469
|
-
}
|
|
17470
|
-
.wm-app .app-ratings .ratings-container:before {
|
|
17471
|
-
content: "\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1";
|
|
17472
|
-
font-family: wavicon;
|
|
17473
|
-
top: 0;
|
|
17474
|
-
left: 0;
|
|
17475
|
-
white-space: nowrap;
|
|
17476
|
-
overflow: hidden;
|
|
17477
|
-
opacity: var(--wm-rating-icon-opacity-inactive);
|
|
17478
|
-
}
|
|
17479
|
-
.wm-app .app-ratings .ratings-container .ratings.active {
|
|
17480
|
-
color: var(--wm-rating-icon-color-active);
|
|
17481
|
-
position: absolute;
|
|
17482
|
-
top: 0;
|
|
17483
|
-
overflow: hidden;
|
|
17478
|
+
.wm-app .app-ratings .ratings-wrapper .rating-style.disabled {
|
|
17479
|
+
cursor: default;
|
|
17480
|
+
opacity: var(--wm-rating-icon-opacity-readonly);
|
|
17484
17481
|
}
|
|
17485
|
-
.wm-app .app-ratings .ratings-
|
|
17486
|
-
|
|
17487
|
-
font-family: wavicon;
|
|
17488
|
-
top: 0;
|
|
17489
|
-
left: 0;
|
|
17490
|
-
white-space: nowrap;
|
|
17491
|
-
overflow: hidden;
|
|
17492
|
-
opacity: var(--wm-rating-icon-opacity-active);
|
|
17482
|
+
.wm-app .app-ratings .ratings-wrapper .rating-style.disabled label {
|
|
17483
|
+
pointer-events: none;
|
|
17493
17484
|
}
|
|
17494
|
-
.wm-app .app-ratings
|
|
17495
|
-
|
|
17485
|
+
.wm-app .app-ratings .ratings-wrapper .rating-style.disabled label:hover {
|
|
17486
|
+
transform: scale(1);
|
|
17496
17487
|
}
|
|
17497
17488
|
.wm-app .app-search.input-group .form-control {
|
|
17498
17489
|
padding-left: calc(var(--wm-input-group-btn-width) + var(--wm-form-control-padding));
|
|
@@ -22886,6 +22877,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
|
|
|
22886
22877
|
.wm-app .pointer *:not([disabled]) {
|
|
22887
22878
|
cursor: pointer;
|
|
22888
22879
|
}
|
|
22880
|
+
.wm-app .disabled,
|
|
22881
|
+
.wm-app [disabled] {
|
|
22882
|
+
cursor: not-allowed;
|
|
22883
|
+
}
|
|
22889
22884
|
.wm-app .label-primary {
|
|
22890
22885
|
background: var(--wm-color-primary-focus);
|
|
22891
22886
|
color: var(--wm-color-primary);
|