@syncfusion/ej2-angular-inplace-editor 20.4.42 → 20.4.48-ngcc
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/@syncfusion/ej2-angular-inplace-editor.es5.js +275 -0
- package/@syncfusion/ej2-angular-inplace-editor.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-inplace-editor.js +256 -0
- package/@syncfusion/ej2-angular-inplace-editor.js.map +1 -0
- package/CHANGELOG.md +252 -0
- package/dist/ej2-angular-inplace-editor.umd.js +350 -0
- package/dist/ej2-angular-inplace-editor.umd.js.map +1 -0
- package/dist/ej2-angular-inplace-editor.umd.min.js +11 -0
- package/dist/ej2-angular-inplace-editor.umd.min.js.map +1 -0
- package/ej2-angular-inplace-editor.d.ts +5 -0
- package/ej2-angular-inplace-editor.metadata.json +1 -0
- package/package.json +15 -34
- package/postinstall/tagchange.js +18 -0
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/inplace-editor/inplaceeditor-all.module.d.ts +0 -6
- package/src/inplace-editor/inplaceeditor.component.d.ts +0 -3
- package/src/inplace-editor/inplaceeditor.module.d.ts +0 -6
- package/styles/bootstrap4.css +1 -1
- package/styles/inplace-editor/bootstrap-dark.scss +1 -26
- package/styles/inplace-editor/bootstrap.scss +1 -26
- package/styles/inplace-editor/bootstrap4.css +1 -1
- package/styles/inplace-editor/bootstrap4.scss +1 -26
- package/styles/inplace-editor/bootstrap5-dark.scss +1 -26
- package/styles/inplace-editor/bootstrap5.scss +1 -26
- package/styles/inplace-editor/fabric-dark.scss +1 -26
- package/styles/inplace-editor/fabric.scss +1 -26
- package/styles/inplace-editor/fluent-dark.scss +1 -26
- package/styles/inplace-editor/fluent.scss +1 -26
- package/styles/inplace-editor/highcontrast-light.scss +1 -26
- package/styles/inplace-editor/highcontrast.scss +1 -26
- package/styles/inplace-editor/material-dark.scss +1 -26
- package/styles/inplace-editor/material.scss +1 -26
- package/styles/inplace-editor/tailwind-dark.scss +1 -26
- package/styles/inplace-editor/tailwind.scss +1 -26
- package/esm2020/public_api.mjs +0 -3
- package/esm2020/src/index.mjs +0 -5
- package/esm2020/src/inplace-editor/inplaceeditor-all.module.mjs +0 -50
- package/esm2020/src/inplace-editor/inplaceeditor.component.mjs +0 -146
- package/esm2020/src/inplace-editor/inplaceeditor.module.mjs +0 -25
- package/esm2020/syncfusion-ej2-angular-inplace-editor.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-inplace-editor.mjs +0 -221
- package/fesm2015/syncfusion-ej2-angular-inplace-editor.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-inplace-editor.mjs +0 -221
- package/fesm2020/syncfusion-ej2-angular-inplace-editor.mjs.map +0 -1
- package/styles/inplace-editor/_all.scss +0 -2
- package/styles/inplace-editor/_bootstrap-dark-definition.scss +0 -75
- package/styles/inplace-editor/_bootstrap-definition.scss +0 -76
- package/styles/inplace-editor/_bootstrap4-definition.scss +0 -76
- package/styles/inplace-editor/_bootstrap5-dark-definition.scss +0 -1
- package/styles/inplace-editor/_bootstrap5-definition.scss +0 -71
- package/styles/inplace-editor/_fabric-dark-definition.scss +0 -75
- package/styles/inplace-editor/_fabric-definition.scss +0 -76
- package/styles/inplace-editor/_fluent-dark-definition.scss +0 -1
- package/styles/inplace-editor/_fluent-definition.scss +0 -72
- package/styles/inplace-editor/_fusionnew-definition.scss +0 -71
- package/styles/inplace-editor/_highcontrast-definition.scss +0 -75
- package/styles/inplace-editor/_highcontrast-light-definition.scss +0 -75
- package/styles/inplace-editor/_layout.scss +0 -658
- package/styles/inplace-editor/_material-dark-definition.scss +0 -76
- package/styles/inplace-editor/_material-definition.scss +0 -76
- package/styles/inplace-editor/_material3-definition.scss +0 -71
- package/styles/inplace-editor/_tailwind-dark-definition.scss +0 -1
- package/styles/inplace-editor/_tailwind-definition.scss +0 -72
- package/styles/inplace-editor/_theme.scss +0 -250
- package/styles/inplace-editor/icons/_bootstrap-dark.scss +0 -19
- package/styles/inplace-editor/icons/_bootstrap.scss +0 -19
- package/styles/inplace-editor/icons/_bootstrap4.scss +0 -19
- package/styles/inplace-editor/icons/_bootstrap5-dark.scss +0 -1
- package/styles/inplace-editor/icons/_bootstrap5.scss +0 -19
- package/styles/inplace-editor/icons/_fabric-dark.scss +0 -19
- package/styles/inplace-editor/icons/_fabric.scss +0 -19
- package/styles/inplace-editor/icons/_fluent-dark.scss +0 -1
- package/styles/inplace-editor/icons/_fluent.scss +0 -19
- package/styles/inplace-editor/icons/_fusionnew.scss +0 -19
- package/styles/inplace-editor/icons/_highcontrast-light.scss +0 -19
- package/styles/inplace-editor/icons/_highcontrast.scss +0 -19
- package/styles/inplace-editor/icons/_material-dark.scss +0 -19
- package/styles/inplace-editor/icons/_material.scss +0 -19
- package/styles/inplace-editor/icons/_material3.scss +0 -19
- package/styles/inplace-editor/icons/_tailwind-dark.scss +0 -1
- package/styles/inplace-editor/icons/_tailwind.scss +0 -19
- package/syncfusion-ej2-angular-inplace-editor.d.ts +0 -5
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/*! Material theme definitions and variables */
|
|
2
|
-
|
|
3
|
-
/*! Value element styles */
|
|
4
|
-
$inplace-skin: 'material' !default;
|
|
5
|
-
$editor-big-value-text-font-size: 14px !default;
|
|
6
|
-
$editor-nrml-value-text-font-size: 13px !default;
|
|
7
|
-
$editor-big-value-container-padding: 8px !default;
|
|
8
|
-
$editor-nrml-value-container-padding: 6px 8px !default;
|
|
9
|
-
$editor-big-value-container-spin-padding: 8px !default;
|
|
10
|
-
$editor-nrml-value-container-spin-padding: 8px !default;
|
|
11
|
-
$editor-big-value-margin: 0 30px 0 0 !default;
|
|
12
|
-
$editor-nrml-value-margin: 0 28px 0 0 !default;
|
|
13
|
-
$editor-rtl-big-value-margin: 0 0 0 30px !default;
|
|
14
|
-
$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
|
|
15
|
-
$editor-big-overlay-icon-size: 16px !default;
|
|
16
|
-
$editor-nrml-overlay-icon-size: 14px !default;
|
|
17
|
-
$editor-big-overlay-icon-container-size: 20px !default;
|
|
18
|
-
$editor-nrml-overlay-icon-container-size: 18px !default;
|
|
19
|
-
$editor-big-overlay-icon-left-right: 8px !default;
|
|
20
|
-
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
21
|
-
$editor-value-hover-bg: $grey-100 !default;
|
|
22
|
-
$editor-value-text-color: rgba($grey-light-font, .87) !default;
|
|
23
|
-
$editor-overlay-icon-color: rgba($grey-light-font, .54) !default;
|
|
24
|
-
$editor-value-text-border: 1px dashed $editor-value-text-color !default;
|
|
25
|
-
$editable-overlay-icon-height: inherit !default;
|
|
26
|
-
$editable-overlay-icon: 0 !default;
|
|
27
|
-
|
|
28
|
-
/*! Tooltip styles */
|
|
29
|
-
$editor-tip-border: 1px solid $grey-400 !default;
|
|
30
|
-
$editor-tip-bg: $grey-white !default;
|
|
31
|
-
$editor-tip-arrow-icon-color: $grey-white !default;
|
|
32
|
-
$editor-tip-title-arrow-icon-color: $grey-200 !default;
|
|
33
|
-
$editor-tip-arrow-bdr-color: $grey-400 !default;
|
|
34
|
-
$editor-tip-title-arrow-bdr-color: $grey-400 !default;
|
|
35
|
-
$editor-tip-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !default;
|
|
36
|
-
|
|
37
|
-
/*! Tip Content styles */
|
|
38
|
-
$editor-tip-content-bdr-radius: 2px !default;
|
|
39
|
-
$editor-popup-tip-content-bdr-radius: 2px !default;
|
|
40
|
-
|
|
41
|
-
/*! Title styles */
|
|
42
|
-
$editor-tip-title-font-weight: 500 !default;
|
|
43
|
-
$editor-big-tip-title-font-size: 14px !default;
|
|
44
|
-
$editor-nrml-tip-title-font-size: 13px !default;
|
|
45
|
-
$editor-big-tip-title-padding: 0 0 0 12px !default;
|
|
46
|
-
$editor-nrml-tip-title-padding: 0 0 0 10px !default;
|
|
47
|
-
$editor-rtl-big-tip-title-padding: 0 12px 0 0 !default;
|
|
48
|
-
$editor-rtl-nrml-tip-title-padding: 0 10px 0 0 !default;
|
|
49
|
-
$editor-big-tip-title-container-size: 36px !default;
|
|
50
|
-
$editor-nrml-tip-title-container-size: 30px !default;
|
|
51
|
-
$editor-tip-title-bg: $grey-200 !default;
|
|
52
|
-
$editor-tio-title-border-bottom: 0 !default;
|
|
53
|
-
$editor-tip-title-color: rgba($grey-light-font, .87) !default;
|
|
54
|
-
|
|
55
|
-
/*! Wrapper styles */
|
|
56
|
-
$editor-big-tip-wrapper-padding: 16px !default;
|
|
57
|
-
$editor-nrml-tip-wrapper-padding: 16px !default;
|
|
58
|
-
$editor-big-wrapper-title-with-padding: 10px 16px 16px 16px !default;
|
|
59
|
-
$editor-nrml-wrapper-title-with-padding: 10px 16px 16px 16px !default;
|
|
60
|
-
|
|
61
|
-
/*! Component group styles */
|
|
62
|
-
$editor-component-bottom-margin: 4px !default;
|
|
63
|
-
|
|
64
|
-
/*! Button styles */
|
|
65
|
-
$editor-buttons-top-margin: 4px !default;
|
|
66
|
-
$editor-btn-save-icon-size: 16px !default;
|
|
67
|
-
$editor-btn-cancel-icon-size: 16px !default;
|
|
68
|
-
$editor-big-btn-save-margin: 0 4px 0 0 !default;
|
|
69
|
-
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
70
|
-
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
|
|
71
|
-
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
72
|
-
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
|
|
73
|
-
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
74
|
-
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
|
|
75
|
-
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
76
|
-
$editor-btn-icon-color: rgba($grey-light-font, .54) !default;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
$inplace-skin: 'bootstrap5' !default;
|
|
2
|
-
|
|
3
|
-
//Layout Variable Start
|
|
4
|
-
$editor-big-value-text-font-size: $text-base !default;
|
|
5
|
-
$editor-nrml-value-text-font-size: $text-sm !default;
|
|
6
|
-
$editor-big-value-container-padding: 7px 12px 7px 12px !default;
|
|
7
|
-
$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
|
|
8
|
-
$editor-big-value-container-spin-padding: 8px !default;
|
|
9
|
-
$editor-nrml-value-container-spin-padding: 8px !default;
|
|
10
|
-
$editor-big-value-margin: 0 30px 0 0 !default;
|
|
11
|
-
$editor-nrml-value-margin: 0 28px 0 0 !default;
|
|
12
|
-
$editor-rtl-big-value-margin: 0 0 0 30px !default;
|
|
13
|
-
$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
|
|
14
|
-
$editor-big-overlay-icon-size: $text-base !default;
|
|
15
|
-
$editor-nrml-overlay-icon-size: $text-sm !default;
|
|
16
|
-
$editor-big-overlay-icon-container-size: 20px !default;
|
|
17
|
-
$editor-nrml-overlay-icon-container-size: 20px !default;
|
|
18
|
-
$editor-big-overlay-icon-left-right: 8px !default;
|
|
19
|
-
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
20
|
-
$editor-tip-content-bdr-radius: 4px !default;
|
|
21
|
-
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
22
|
-
$editor-tip-title-font-weight: $font-weight-medium !default;
|
|
23
|
-
$editor-big-tip-title-font-size: $text-sm !default;
|
|
24
|
-
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
25
|
-
$editor-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
26
|
-
$editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
27
|
-
$editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
|
|
28
|
-
$editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
|
|
29
|
-
$editor-big-tip-title-container-size: 46px !default;
|
|
30
|
-
$editor-nrml-tip-title-container-size: 36px !default;
|
|
31
|
-
$editor-big-tip-wrapper-padding: 16px !default;
|
|
32
|
-
$editor-nrml-tip-wrapper-padding: 12px !default;
|
|
33
|
-
$editor-big-wrapper-title-with-padding: 16px !default;
|
|
34
|
-
$editor-nrml-wrapper-title-with-padding: 12px !default;
|
|
35
|
-
$editor-component-bottom-margin: 4px !default;
|
|
36
|
-
$editor-buttons-top-margin: 4px !default;
|
|
37
|
-
$editor-btn-save-icon-size: 16px !default;
|
|
38
|
-
$editor-btn-cancel-icon-size: 16px !default;
|
|
39
|
-
$editor-big-btn-save-margin: 0 4px 0 0 !default;
|
|
40
|
-
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
41
|
-
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
|
|
42
|
-
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
43
|
-
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
|
|
44
|
-
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
45
|
-
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
|
|
46
|
-
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
47
|
-
|
|
48
|
-
//Layout Variable End
|
|
49
|
-
|
|
50
|
-
//Theme Variable Start
|
|
51
|
-
$editor-value-hover-bg: $content-bg-color-alt2 !default;
|
|
52
|
-
$editor-value-text-color: $content-text-color !default;
|
|
53
|
-
$editor-overlay-icon-color: $icon-color !default;
|
|
54
|
-
$editor-value-text-border: 1px dashed $content-text-color !default;
|
|
55
|
-
$editor-background-color: $transparent !default;
|
|
56
|
-
$wrapper-background-color: $flyout-bg-color !default;
|
|
57
|
-
$editor-tip-border: 1px solid $border !default;
|
|
58
|
-
$editor-tip-bg: $content-bg-color !default;
|
|
59
|
-
$editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
60
|
-
$editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
|
|
61
|
-
$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
|
|
62
|
-
$editor-tip-title-arrow-bdr-color: $border !default;
|
|
63
|
-
$editor-tip-box-shadow: $shadow-lg !default;
|
|
64
|
-
$editor-tip-title-bg: $content-bg-color-alt1 !default;
|
|
65
|
-
$editor-tio-title-border-bottom: 0 !default;
|
|
66
|
-
$editor-tip-title-color: $content-text-color !default;
|
|
67
|
-
$editable-overlay-icon-height: inherit !default;
|
|
68
|
-
$editable-overlay-icon: 0 !default;
|
|
69
|
-
$editor-btn-icon-color: $icon-color !default;
|
|
70
|
-
|
|
71
|
-
//Theme Variable End
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import './tailwind-definition.scss';
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
$inplace-skin: 'tailwind' !default;
|
|
2
|
-
|
|
3
|
-
//Layout Variable Start
|
|
4
|
-
$editor-big-value-text-font-size: $text-base !default;
|
|
5
|
-
$editor-nrml-value-text-font-size: $text-sm !default;
|
|
6
|
-
$editor-big-value-container-padding: 7px 12px 7px 12px !default;
|
|
7
|
-
$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
|
|
8
|
-
$editor-big-value-container-spin-padding: 8px !default;
|
|
9
|
-
$editor-nrml-value-container-spin-padding: 8px !default;
|
|
10
|
-
$editor-big-value-margin: 0 30px 0 0 !default;
|
|
11
|
-
$editor-nrml-value-margin: 0 28px 0 0 !default;
|
|
12
|
-
$editor-rtl-big-value-margin: 0 0 0 30px !default;
|
|
13
|
-
$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
|
|
14
|
-
$editor-big-overlay-icon-size: $text-base !default;
|
|
15
|
-
$editor-nrml-overlay-icon-size: $text-sm !default;
|
|
16
|
-
$editor-big-overlay-icon-container-size: 20px !default;
|
|
17
|
-
$editor-nrml-overlay-icon-container-size: 20px !default;
|
|
18
|
-
$editor-big-overlay-icon-left-right: 8px !default;
|
|
19
|
-
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
20
|
-
$editor-tip-content-bdr-radius: 4px !default;
|
|
21
|
-
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
22
|
-
$editor-tip-title-font-weight: 500 !default;
|
|
23
|
-
$editor-big-tip-title-font-size: $text-sm !default;
|
|
24
|
-
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
25
|
-
$editor-big-tip-title-padding: 7px 16px 7px 16px !default;
|
|
26
|
-
$editor-nrml-tip-title-padding: 6px 12px 6px 12px !default;
|
|
27
|
-
$editor-rtl-big-tip-title-padding: 7px 16px 7px 16px !default;
|
|
28
|
-
$editor-rtl-nrml-tip-title-padding: 6px 12px 6px 12px !default;
|
|
29
|
-
$editor-big-tip-title-container-size: 36px !default;
|
|
30
|
-
$editor-nrml-tip-title-container-size: 30px !default;
|
|
31
|
-
$editor-big-tip-wrapper-padding: 16px !default;
|
|
32
|
-
$editor-nrml-tip-wrapper-padding: 12px !default;
|
|
33
|
-
$editor-big-wrapper-title-with-padding: 16px !default;
|
|
34
|
-
$editor-nrml-wrapper-title-with-padding: 12px !default;
|
|
35
|
-
$editor-component-bottom-margin: 4px !default;
|
|
36
|
-
$editor-buttons-top-margin: 4px !default;
|
|
37
|
-
$editor-btn-save-icon-size: 16px !default;
|
|
38
|
-
$editor-btn-cancel-icon-size: 16px !default;
|
|
39
|
-
$editor-big-btn-save-margin: 0 4px 0 0 !default;
|
|
40
|
-
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
41
|
-
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
|
|
42
|
-
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
43
|
-
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
|
|
44
|
-
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
45
|
-
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
|
|
46
|
-
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
47
|
-
|
|
48
|
-
//Layout Variable End
|
|
49
|
-
|
|
50
|
-
//Theme Variable Start
|
|
51
|
-
$editor-value-hover-bg: $content-bg-color-alt2 !default;
|
|
52
|
-
$content-text-color: $content-text-color !default;
|
|
53
|
-
$editor-value-text-color: $content-text-color !default;
|
|
54
|
-
$editor-overlay-icon-color: $icon-color !default;
|
|
55
|
-
$editor-value-text-border: 1px dashed $content-text-color !default;
|
|
56
|
-
$editor-background-color: $transparent !default;
|
|
57
|
-
$wrapper-background-color: $flyout-bg-color !default;
|
|
58
|
-
$editor-tip-border: 1px solid $border-light !default;
|
|
59
|
-
$editor-tip-bg: $flyout-bg-color !default;
|
|
60
|
-
$editor-tip-arrow-icon-color: $flyout-bg-color !default;
|
|
61
|
-
$editor-tip-title-arrow-icon-color: $content-bg-color-alt2 !default;
|
|
62
|
-
$editor-tip-arrow-bdr-color: $content-bg-color-alt2 !default;
|
|
63
|
-
$editor-tip-title-arrow-bdr-color: $content-bg-color-alt2 !default;
|
|
64
|
-
$editor-tip-box-shadow: $shadow-lg !default;
|
|
65
|
-
$editor-tip-title-bg: $content-bg-color-alt2 !default;
|
|
66
|
-
$editor-tio-title-border-bottom: 0 !default;
|
|
67
|
-
$editor-tip-title-color: $content-text-color-alt2 !default;
|
|
68
|
-
$editable-overlay-icon-height: inherit !default;
|
|
69
|
-
$editable-overlay-icon: 0 !default;
|
|
70
|
-
$editor-btn-icon-color: $icon-color !default;
|
|
71
|
-
|
|
72
|
-
//Theme Variable End
|
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-theme') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor theme */
|
|
4
|
-
|
|
5
|
-
.e-inplaceeditor {
|
|
6
|
-
|
|
7
|
-
.e-editable-value-wrapper {
|
|
8
|
-
|
|
9
|
-
.e-editable-value {
|
|
10
|
-
border-bottom: $editor-value-text-border;
|
|
11
|
-
color: $editor-value-text-color;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.e-editable-overlay-icon {
|
|
15
|
-
color: $editor-overlay-icon-color;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&.e-loading {
|
|
19
|
-
|
|
20
|
-
.e-editable-value {
|
|
21
|
-
border-bottom: 0;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&:hover {
|
|
26
|
-
background: $editor-value-hover-bg;
|
|
27
|
-
border-radius: $editor-tip-content-bdr-radius;
|
|
28
|
-
|
|
29
|
-
.e-editable-value {
|
|
30
|
-
border-bottom-color: transparent;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.e-editable-value-container {
|
|
36
|
-
|
|
37
|
-
.e-editable-value {
|
|
38
|
-
border-bottom: $editor-value-text-border;
|
|
39
|
-
color: $editor-value-text-color;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.e-editable-overlay-icon {
|
|
43
|
-
color: $editor-overlay-icon-color;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&.e-loading {
|
|
47
|
-
|
|
48
|
-
.e-editable-value {
|
|
49
|
-
border-bottom: 0;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:hover {
|
|
54
|
-
background: $editor-value-hover-bg;
|
|
55
|
-
border-radius: $editor-tip-content-bdr-radius;
|
|
56
|
-
|
|
57
|
-
.e-editable-value {
|
|
58
|
-
border-bottom-color: transparent;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&[data-underline = 'false'] {
|
|
64
|
-
|
|
65
|
-
.e-editable-value-wrapper {
|
|
66
|
-
|
|
67
|
-
.e-editable-value {
|
|
68
|
-
border-bottom: 0;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.e-editable-value-container {
|
|
73
|
-
|
|
74
|
-
.e-editable-value {
|
|
75
|
-
border-bottom: 0;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
&.e-disable {
|
|
81
|
-
pointer-events: none;
|
|
82
|
-
touch-action: none;
|
|
83
|
-
|
|
84
|
-
.e-editable-value-wrapper {
|
|
85
|
-
|
|
86
|
-
.e-editable-value {
|
|
87
|
-
border-bottom-color: transparent;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.e-editable-value-container {
|
|
92
|
-
|
|
93
|
-
.e-editable-value {
|
|
94
|
-
border-bottom-color: transparent;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.e-inplaceeditor,
|
|
101
|
-
.e-inplaceeditor-tip {
|
|
102
|
-
|
|
103
|
-
.e-editable-action-buttons {
|
|
104
|
-
|
|
105
|
-
.e-btn-save.e-icon-btn,
|
|
106
|
-
.e-btn-cancel.e-icon-btn {
|
|
107
|
-
|
|
108
|
-
@if $inplace-skin == 'fabric-dark' or $inplace-skin == 'bootstrap-dark' or $inplace-skin == 'highcontrast' or $inplace-skin == 'highcontrast-light' {
|
|
109
|
-
box-shadow: none;
|
|
110
|
-
}
|
|
111
|
-
@else if $inplace-skin == 'fabric' {
|
|
112
|
-
box-shadow: 0 1px 4px 0 $black-color;
|
|
113
|
-
}
|
|
114
|
-
@else if $inplace-skin == 'bootstrap' {
|
|
115
|
-
box-shadow: 0 1px 4px 0 $black-color;
|
|
116
|
-
}
|
|
117
|
-
@else if $inplace-skin == 'bootstrap4' {
|
|
118
|
-
background-color: $content-bg;
|
|
119
|
-
border: 1px solid $gray-400;
|
|
120
|
-
box-shadow: 0 1px 4px 0 $black-color;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
@else if $inplace-skin == 'bootstrap5' {
|
|
124
|
-
background-color: $content-bg-color;
|
|
125
|
-
border: 1px solid $border-light;
|
|
126
|
-
border-radius: 4px;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.e-btn-icon.e-icons {
|
|
130
|
-
color: $editor-btn-icon-color;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
@if $inplace-skin == 'bootstrap4' {
|
|
134
|
-
|
|
135
|
-
&:hover {
|
|
136
|
-
background-color: darken($gray-600, 7.5%);
|
|
137
|
-
border: 1px solid darken($gray-600, 10%);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
@else if $inplace-skin == 'bootstrap5' {
|
|
141
|
-
|
|
142
|
-
&:hover {
|
|
143
|
-
background-color: darken($gray-600, 7.5%);
|
|
144
|
-
border: 1px solid darken($gray-600, 10%);
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
@if $inplace-skin == 'bootstrap4' {
|
|
149
|
-
|
|
150
|
-
&:focus {
|
|
151
|
-
background-color: $gray-600;
|
|
152
|
-
border: 1px solid $gray-600;
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
@if $inplace-skin == 'bootstrap4' {
|
|
157
|
-
|
|
158
|
-
&:active {
|
|
159
|
-
background-color: darken($gray-600, 10%);
|
|
160
|
-
border: 1px solid darken($gray-600, 12.5%);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
&:hover,
|
|
165
|
-
&:focus,
|
|
166
|
-
&:active {
|
|
167
|
-
|
|
168
|
-
.e-btn-icon.e-icons {
|
|
169
|
-
|
|
170
|
-
@if $inplace-skin == 'bootstrap4' or $inplace-skin =='bootstrap5' {
|
|
171
|
-
color: $white;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
@if $inplace-skin == 'tailwind' or $inplace-skin == 'bootstrap5' {
|
|
180
|
-
.e-inplaceeditor .e-editable-value-wrapper {
|
|
181
|
-
background-color: $editor-background-color;
|
|
182
|
-
border-radius: 4px;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.e-inplaceeditor .e-editable-value-wrapper.e-tooltip.e-editable-open {
|
|
186
|
-
background: $wrapper-background-color;
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.e-inplaceeditor-tip {
|
|
191
|
-
|
|
192
|
-
&.e-tooltip-wrap.e-popup {
|
|
193
|
-
background: $editor-tip-bg;
|
|
194
|
-
box-shadow: $editor-tip-box-shadow;
|
|
195
|
-
@if $inplace-skin == 'FluentUI' {
|
|
196
|
-
border-radius: $editor-popup-tip-wrapper-bdr-radius;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.e-tip-content {
|
|
200
|
-
border-radius: $editor-popup-tip-content-bdr-radius;
|
|
201
|
-
color: $editor-value-text-color;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.e-arrow-tip-inner {
|
|
205
|
-
color: $editor-tip-arrow-icon-color;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.e-arrow-tip-outer {
|
|
209
|
-
|
|
210
|
-
&.e-tip-top {
|
|
211
|
-
border-bottom-color: $editor-tip-arrow-bdr-color;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
&.e-tip-bottom {
|
|
215
|
-
border-top-color: $editor-tip-arrow-bdr-color;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
&.e-popup {
|
|
220
|
-
border: $editor-tip-border;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.e-editable-title {
|
|
224
|
-
background: $editor-tip-title-bg;
|
|
225
|
-
border-bottom: $editor-tio-title-border-bottom;
|
|
226
|
-
color: $editor-tip-title-color;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
&.e-editable-tip-title {
|
|
231
|
-
|
|
232
|
-
&.e-tooltip-wrap {
|
|
233
|
-
|
|
234
|
-
.e-arrow-tip-outer {
|
|
235
|
-
|
|
236
|
-
&.e-tip-top {
|
|
237
|
-
border-bottom-color: $editor-tip-title-arrow-bdr-color;
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.e-arrow-tip-inner {
|
|
242
|
-
|
|
243
|
-
&.e-tip-top {
|
|
244
|
-
color: $editor-tip-title-arrow-icon-color;
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap-dark-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e60a';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e338';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e60a';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e338';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap4-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e718';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e745';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e78f';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import './bootstrap5.scss';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e774';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e7e7';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e730';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-fabric-dark-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\ebe8';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e97c';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-fabric-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\ebe8';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e97c';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import './fluent.scss';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e774';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e7e7';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e730';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-bootstrap-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e774';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\e7e7';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e730';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-highcontrast-dark-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\ebe8';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e97c';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@include export-module('inplaceeditor-highcontrast-icons') {
|
|
2
|
-
|
|
3
|
-
/*! inplaceeditor icons */
|
|
4
|
-
.e-inplaceeditor,
|
|
5
|
-
.e-inplaceeditor-tip {
|
|
6
|
-
|
|
7
|
-
.e-save-icon::before {
|
|
8
|
-
content: '\e614';
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.e-cancel-icon::before {
|
|
12
|
-
content: '\ebe8';
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-editable-overlay-icon::before {
|
|
16
|
-
content: '\e97c';
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|