@syncfusion/ej2-material-theme 34.2.5 → 34.2.7
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 +2 -2
- package/styles/base/base.css +10 -1
- package/styles/compatibility/material.css +1 -1
- package/styles/customized/material.css +348 -6
- package/styles/document-editor-container/_layout.scss +4 -1
- package/styles/document-editor-container/document-editor-container-lite.css +4 -0
- package/styles/document-editor-container/document-editor-container.css +4 -0
- package/styles/file-manager/_theme.scss +24 -31
- package/styles/file-manager/file-manager-lite.css +1 -4
- package/styles/file-manager/file-manager.css +1 -4
- package/styles/grid/_theme.scss +3 -1
- package/styles/grid/grid-lite.css +3 -1
- package/styles/grid/grid.css +3 -1
- package/styles/icons/material.css +10 -1
- package/styles/icons/material.scss +4 -1
- package/styles/input/_bigger.scss +18 -2
- package/styles/input/_layout.scss +21 -2
- package/styles/offline-theme/material.css +348 -6
- package/styles/pdfviewer/_theme.scss +306 -0
- package/styles/pdfviewer/icons/_material.scss +15 -0
- package/styles/pdfviewer/pdfviewer-lite.css +271 -0
- package/styles/pdfviewer/pdfviewer.css +271 -0
- package/styles/spreadsheet/_layout.scss +3 -0
- package/styles/spreadsheet/spreadsheet-lite.css +3 -0
- package/styles/spreadsheet/spreadsheet.css +3 -0
|
@@ -2088,7 +2088,15 @@
|
|
|
2088
2088
|
.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
|
|
2089
2089
|
.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
|
|
2090
2090
|
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
|
|
2091
|
-
|
|
2091
|
+
@if $input-skin-name == 'fluent2'{
|
|
2092
|
+
transform: translate3d(-8px, 6px, 0) scale(.86);
|
|
2093
|
+
}
|
|
2094
|
+
@else if $input-skin-name == 'tailwind3'{
|
|
2095
|
+
transform: translate3d(-10px, 6px, 0) scale(.86);
|
|
2096
|
+
}
|
|
2097
|
+
@else{
|
|
2098
|
+
transform: translate3d(0, 6px, 0) scale(.86);
|
|
2099
|
+
}
|
|
2092
2100
|
}
|
|
2093
2101
|
@else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
|
|
2094
2102
|
font-style: $input-font-normal;
|
|
@@ -2142,7 +2150,15 @@
|
|
|
2142
2150
|
.e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
|
|
2143
2151
|
.e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
|
|
2144
2152
|
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
|
|
2145
|
-
|
|
2153
|
+
@if $input-skin-name == 'fluent2'{
|
|
2154
|
+
transform: translate3d(-8px, 6px, 0) scale(.86);
|
|
2155
|
+
}
|
|
2156
|
+
@else if $input-skin-name == 'tailwind3'{
|
|
2157
|
+
transform: translate3d(-10px, 6px, 0) scale(.86);
|
|
2158
|
+
}
|
|
2159
|
+
@else{
|
|
2160
|
+
transform: translate3d(0, 6px, 0) scale(.86);
|
|
2161
|
+
}
|
|
2146
2162
|
}
|
|
2147
2163
|
@else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
|
|
2148
2164
|
font-style: $input-font-normal;
|
|
@@ -2432,8 +2432,18 @@
|
|
|
2432
2432
|
font-size: $float-label-font-size;
|
|
2433
2433
|
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
|
|
2434
2434
|
top: $textarea-float-top;
|
|
2435
|
-
|
|
2435
|
+
@if $input-skin-name == 'fluent2'{
|
|
2436
|
+
transform: translate3d(-8px, 6px, 0) scale(.92);
|
|
2437
|
+
}
|
|
2438
|
+
@else if $input-skin-name == 'tailwind3'{
|
|
2439
|
+
transform: translate3d(-10px, 6px, 0) scale(.92);
|
|
2440
|
+
}
|
|
2441
|
+
@else{
|
|
2442
|
+
transform: translate3d(0, 6px, 0) scale(.92);
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2436
2445
|
@if $input-skin-name == 'tailwind3' {
|
|
2446
|
+
font-weight: 500;
|
|
2437
2447
|
left: 2px;
|
|
2438
2448
|
}
|
|
2439
2449
|
}
|
|
@@ -2479,6 +2489,7 @@
|
|
|
2479
2489
|
@if $input-skin-name == 'tailwind3' {
|
|
2480
2490
|
top: -21px;
|
|
2481
2491
|
left: 2px;
|
|
2492
|
+
font-weight: 500;
|
|
2482
2493
|
}
|
|
2483
2494
|
@else if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap5.3' or $input-skin-name == 'highcontrast' or $input-skin-name == 'tailwind' {
|
|
2484
2495
|
top: $float-textarea-small-text-top;
|
|
@@ -2859,7 +2870,15 @@
|
|
|
2859
2870
|
.e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
|
|
2860
2871
|
.e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
|
|
2861
2872
|
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' or $input-skin-name == 'fluent2' or $input-skin-name == 'tailwind3' {
|
|
2862
|
-
|
|
2873
|
+
@if $input-skin-name == 'fluent2'{
|
|
2874
|
+
transform: translate3d(-8px, 6px, 0) scale(.86);
|
|
2875
|
+
}
|
|
2876
|
+
@else if $input-skin-name == 'tailwind3'{
|
|
2877
|
+
transform: translate3d(-10px, 6px, 0) scale(.86);
|
|
2878
|
+
}
|
|
2879
|
+
@else{
|
|
2880
|
+
transform: translate3d(0, 6px, 0) scale(.86);
|
|
2881
|
+
}
|
|
2863
2882
|
}
|
|
2864
2883
|
@else if $input-skin-name == 'fabric' or $input-skin-name == 'highcontrast' {
|
|
2865
2884
|
font-style: $input-font-normal;
|