@syncfusion/ej2-inplace-editor 20.1.55 → 20.2.36
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/dist/ej2-inplace-editor.umd.min.js +2 -2
- package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es2015.js +5 -5
- package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es5.js +22 -23
- package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
- package/dist/global/ej2-inplace-editor.min.js +2 -2
- package/dist/global/ej2-inplace-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/helpers/e2e/index.js +8 -6
- package/helpers/e2e/inplace-editor.js +74 -58
- package/package.json +16 -16
- package/src/inplace-editor/base/inplace-editor.d.ts +1 -0
- package/src/inplace-editor/base/inplace-editor.js +22 -23
- package/styles/bootstrap-dark.css +11 -139
- package/styles/bootstrap.css +12 -145
- package/styles/bootstrap4.css +22 -195
- package/styles/bootstrap5-dark.css +20 -141
- package/styles/bootstrap5.css +20 -141
- package/styles/fabric-dark.css +11 -137
- package/styles/fabric.css +11 -137
- package/styles/fluent-dark.css +12 -137
- package/styles/fluent.css +11 -136
- package/styles/highcontrast-light.css +12 -172
- package/styles/highcontrast.css +12 -172
- package/styles/inplace-editor/_fluent-definition.scss +1 -1
- package/styles/inplace-editor/_fusionnew-definition.scss +68 -0
- package/styles/inplace-editor/_material3-definition.scss +68 -0
- package/styles/inplace-editor/_theme.scss +8 -0
- package/styles/inplace-editor/bootstrap-dark.css +11 -139
- package/styles/inplace-editor/bootstrap.css +12 -145
- package/styles/inplace-editor/bootstrap4.css +22 -195
- package/styles/inplace-editor/bootstrap5-dark.css +20 -141
- package/styles/inplace-editor/bootstrap5.css +20 -141
- package/styles/inplace-editor/fabric-dark.css +11 -137
- package/styles/inplace-editor/fabric.css +11 -137
- package/styles/inplace-editor/fluent-dark.css +12 -137
- package/styles/inplace-editor/fluent.css +11 -136
- package/styles/inplace-editor/highcontrast-light.css +12 -172
- package/styles/inplace-editor/highcontrast.css +12 -172
- package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
- package/styles/inplace-editor/icons/_material3.scss +19 -0
- package/styles/inplace-editor/material-dark.css +7 -126
- package/styles/inplace-editor/material.css +7 -130
- package/styles/inplace-editor/tailwind-dark.css +9 -128
- package/styles/inplace-editor/tailwind.css +9 -128
- package/styles/material-dark.css +7 -126
- package/styles/material.css +7 -130
- package/styles/tailwind-dark.css +9 -128
- package/styles/tailwind.css +9 -128
|
@@ -55,7 +55,7 @@ $editor-background-color: $transparent !default;
|
|
|
55
55
|
$wrapper-background-color: $flyout-bg-color !default;
|
|
56
56
|
$editor-tip-border: none !default;
|
|
57
57
|
$editor-tip-bg: $flyout-bg-color !default;
|
|
58
|
-
$editor-tip-arrow-icon-color: $
|
|
58
|
+
$editor-tip-arrow-icon-color: $tooltip-bg-color !default;
|
|
59
59
|
$editor-tip-title-arrow-icon-color: $content-bg-color !default;
|
|
60
60
|
$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
|
|
61
61
|
$editor-tip-title-arrow-bdr-color: $border !default;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
$inplace-skin: 'bootstrap5' !default;
|
|
2
|
+
//Layout Variable Start
|
|
3
|
+
$editor-big-value-text-font-size: $text-base !default;
|
|
4
|
+
$editor-nrml-value-text-font-size: $text-sm !default;
|
|
5
|
+
$editor-big-value-container-padding: 7px 12px 7px 12px !default;
|
|
6
|
+
$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
|
|
7
|
+
$editor-big-value-container-spin-padding: 8px !default;
|
|
8
|
+
$editor-nrml-value-container-spin-padding: 8px !default;
|
|
9
|
+
$editor-big-value-margin: 0 30px 0 0 !default;
|
|
10
|
+
$editor-nrml-value-margin: 0 28px 0 0 !default;
|
|
11
|
+
$editor-rtl-big-value-margin: 0 0 0 30px !default;
|
|
12
|
+
$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
|
|
13
|
+
$editor-big-overlay-icon-size: $text-base !default;
|
|
14
|
+
$editor-nrml-overlay-icon-size: $text-sm !default;
|
|
15
|
+
$editor-big-overlay-icon-container-size: 20px !default;
|
|
16
|
+
$editor-nrml-overlay-icon-container-size: 20px !default;
|
|
17
|
+
$editor-big-overlay-icon-left-right: 8px !default;
|
|
18
|
+
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
19
|
+
$editor-tip-content-bdr-radius: 4px !default;
|
|
20
|
+
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
21
|
+
$editor-tip-title-font-weight: $font-weight-medium !default;
|
|
22
|
+
$editor-big-tip-title-font-size: $text-sm !default;
|
|
23
|
+
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
24
|
+
$editor-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
25
|
+
$editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
26
|
+
$editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
27
|
+
$editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
28
|
+
$editor-big-tip-title-container-size: 46px !default;
|
|
29
|
+
$editor-nrml-tip-title-container-size: 36px !default;
|
|
30
|
+
$editor-big-tip-wrapper-padding: 16px !default;
|
|
31
|
+
$editor-nrml-tip-wrapper-padding: 12px !default;
|
|
32
|
+
$editor-big-wrapper-title-with-padding: 16px !default;
|
|
33
|
+
$editor-nrml-wrapper-title-with-padding: 12px !default;
|
|
34
|
+
$editor-component-bottom-margin: 4px !default;
|
|
35
|
+
$editor-buttons-top-margin: 4px !default;
|
|
36
|
+
$editor-btn-save-icon-size: 16px !default;
|
|
37
|
+
$editor-btn-cancel-icon-size: 16px !default;
|
|
38
|
+
$editor-big-btn-save-margin: 0 4px 0 0 !default;
|
|
39
|
+
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
40
|
+
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
|
|
41
|
+
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
42
|
+
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
|
|
43
|
+
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
44
|
+
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
|
|
45
|
+
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
46
|
+
//Layout Variable End
|
|
47
|
+
|
|
48
|
+
//Theme Variable Start
|
|
49
|
+
$editor-value-hover-bg: $content-bg-color-alt2 !default;
|
|
50
|
+
$editor-value-text-color: $content-text-color !default;
|
|
51
|
+
$editor-overlay-icon-color: $icon-color !default;
|
|
52
|
+
$editor-value-text-border: 1px dashed $content-text-color !default;
|
|
53
|
+
$editor-background-color: $transparent !default;
|
|
54
|
+
$wrapper-background-color: $flyout-bg-color !default;
|
|
55
|
+
$editor-tip-border: 1px solid $border !default;
|
|
56
|
+
$editor-tip-bg: $content-bg-color !default;
|
|
57
|
+
$editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
58
|
+
$editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
59
|
+
$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
|
|
60
|
+
$editor-tip-title-arrow-bdr-color: $border !default;
|
|
61
|
+
$editor-tip-box-shadow: $shadow-lg !default;
|
|
62
|
+
$editor-tip-title-bg: $content-bg-color-alt1 !default;
|
|
63
|
+
$editor-tio-title-border-bottom: 0 !default;
|
|
64
|
+
$editor-tip-title-color: $content-text-color !default;
|
|
65
|
+
$editable-overlay-icon-height: inherit !default;
|
|
66
|
+
$editable-overlay-icon: 0 !default;
|
|
67
|
+
$editor-btn-icon-color: $icon-color !default;
|
|
68
|
+
//Theme Variable End
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
$inplace-skin: 'bootstrap5' !default;
|
|
2
|
+
//Layout Variable Start
|
|
3
|
+
$editor-big-value-text-font-size: $text-base !default;
|
|
4
|
+
$editor-nrml-value-text-font-size: $text-sm !default;
|
|
5
|
+
$editor-big-value-container-padding: 7px 12px 7px 12px !default;
|
|
6
|
+
$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
|
|
7
|
+
$editor-big-value-container-spin-padding: 8px !default;
|
|
8
|
+
$editor-nrml-value-container-spin-padding: 8px !default;
|
|
9
|
+
$editor-big-value-margin: 0 30px 0 0 !default;
|
|
10
|
+
$editor-nrml-value-margin: 0 28px 0 0 !default;
|
|
11
|
+
$editor-rtl-big-value-margin: 0 0 0 30px !default;
|
|
12
|
+
$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
|
|
13
|
+
$editor-big-overlay-icon-size: $text-base !default;
|
|
14
|
+
$editor-nrml-overlay-icon-size: $text-sm !default;
|
|
15
|
+
$editor-big-overlay-icon-container-size: 20px !default;
|
|
16
|
+
$editor-nrml-overlay-icon-container-size: 20px !default;
|
|
17
|
+
$editor-big-overlay-icon-left-right: 8px !default;
|
|
18
|
+
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
19
|
+
$editor-tip-content-bdr-radius: 4px !default;
|
|
20
|
+
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
21
|
+
$editor-tip-title-font-weight: $font-weight-medium !default;
|
|
22
|
+
$editor-big-tip-title-font-size: $text-sm !default;
|
|
23
|
+
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
24
|
+
$editor-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
25
|
+
$editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
26
|
+
$editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
27
|
+
$editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
28
|
+
$editor-big-tip-title-container-size: 46px !default;
|
|
29
|
+
$editor-nrml-tip-title-container-size: 36px !default;
|
|
30
|
+
$editor-big-tip-wrapper-padding: 16px !default;
|
|
31
|
+
$editor-nrml-tip-wrapper-padding: 12px !default;
|
|
32
|
+
$editor-big-wrapper-title-with-padding: 16px !default;
|
|
33
|
+
$editor-nrml-wrapper-title-with-padding: 12px !default;
|
|
34
|
+
$editor-component-bottom-margin: 4px !default;
|
|
35
|
+
$editor-buttons-top-margin: 4px !default;
|
|
36
|
+
$editor-btn-save-icon-size: 16px !default;
|
|
37
|
+
$editor-btn-cancel-icon-size: 16px !default;
|
|
38
|
+
$editor-big-btn-save-margin: 0 4px 0 0 !default;
|
|
39
|
+
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
40
|
+
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
|
|
41
|
+
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
42
|
+
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
|
|
43
|
+
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
44
|
+
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
|
|
45
|
+
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
46
|
+
//Layout Variable End
|
|
47
|
+
|
|
48
|
+
//Theme Variable Start
|
|
49
|
+
$editor-value-hover-bg: $content-bg-color-alt2 !default;
|
|
50
|
+
$editor-value-text-color: $content-text-color !default;
|
|
51
|
+
$editor-overlay-icon-color: $icon-color !default;
|
|
52
|
+
$editor-value-text-border: 1px dashed $content-text-color !default;
|
|
53
|
+
$editor-background-color: $transparent !default;
|
|
54
|
+
$wrapper-background-color: $flyout-bg-color !default;
|
|
55
|
+
$editor-tip-border: 1px solid $border !default;
|
|
56
|
+
$editor-tip-bg: $content-bg-color !default;
|
|
57
|
+
$editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
58
|
+
$editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
59
|
+
$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
|
|
60
|
+
$editor-tip-title-arrow-bdr-color: $border !default;
|
|
61
|
+
$editor-tip-box-shadow: $shadow-lg !default;
|
|
62
|
+
$editor-tip-title-bg: $content-bg-color-alt1 !default;
|
|
63
|
+
$editor-tio-title-border-bottom: 0 !default;
|
|
64
|
+
$editor-tip-title-color: $content-text-color !default;
|
|
65
|
+
$editable-overlay-icon-height: inherit !default;
|
|
66
|
+
$editable-overlay-icon: 0 !default;
|
|
67
|
+
$editor-btn-icon-color: $icon-color !default;
|
|
68
|
+
//Theme Variable End
|
|
@@ -136,6 +136,14 @@
|
|
|
136
136
|
border: 1px solid darken($gray-600, 10%);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
+
@else if $inplace-skin == 'bootstrap5' {
|
|
140
|
+
|
|
141
|
+
&:hover {
|
|
142
|
+
background-color: darken($gray-600, 7.5%);
|
|
143
|
+
border: 1px solid darken($gray-600, 10%);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
139
147
|
|
|
140
148
|
@if $inplace-skin == 'bootstrap4' {
|
|
141
149
|
|