@syncfusion/ej2-inplace-editor 19.4.52 → 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/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
- package/CHANGELOG.md +1 -11
- package/README.md +1 -1
- 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 +15 -138
- package/styles/bootstrap.css +16 -144
- package/styles/bootstrap4.css +26 -194
- package/styles/bootstrap5-dark.css +32 -146
- package/styles/bootstrap5.css +32 -146
- package/styles/fabric-dark.css +15 -136
- package/styles/fabric.css +15 -136
- package/styles/fluent-dark.css +749 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +749 -0
- package/styles/fluent.scss +1 -0
- package/styles/highcontrast-light.css +16 -171
- package/styles/highcontrast.css +16 -171
- package/styles/inplace-editor/_bootstrap-dark-definition.scss +1 -0
- package/styles/inplace-editor/_bootstrap-definition.scss +1 -0
- package/styles/inplace-editor/_bootstrap4-definition.scss +1 -0
- package/styles/inplace-editor/_bootstrap5-definition.scss +1 -0
- package/styles/inplace-editor/_fabric-dark-definition.scss +1 -0
- package/styles/inplace-editor/_fabric-definition.scss +1 -0
- package/styles/inplace-editor/_fluent-dark-definition.scss +1 -0
- package/styles/inplace-editor/_fluent-definition.scss +69 -0
- package/styles/inplace-editor/_fusionnew-definition.scss +68 -0
- package/styles/inplace-editor/_highcontrast-definition.scss +1 -0
- package/styles/inplace-editor/_highcontrast-light-definition.scss +1 -0
- package/styles/inplace-editor/_layout.scss +3 -4
- package/styles/inplace-editor/_material-dark-definition.scss +1 -0
- package/styles/inplace-editor/_material-definition.scss +1 -0
- package/styles/inplace-editor/_material3-definition.scss +68 -0
- package/styles/inplace-editor/_tailwind-definition.scss +1 -0
- package/styles/inplace-editor/_theme.scss +12 -1
- package/styles/inplace-editor/bootstrap-dark.css +15 -138
- package/styles/inplace-editor/bootstrap.css +16 -144
- package/styles/inplace-editor/bootstrap4.css +26 -194
- package/styles/inplace-editor/bootstrap5-dark.css +32 -146
- package/styles/inplace-editor/bootstrap5.css +32 -146
- package/styles/inplace-editor/fabric-dark.css +15 -136
- package/styles/inplace-editor/fabric.css +15 -136
- package/styles/inplace-editor/fluent-dark.css +749 -0
- package/styles/inplace-editor/fluent-dark.scss +26 -0
- package/styles/inplace-editor/fluent.css +749 -0
- package/styles/inplace-editor/fluent.scss +26 -0
- package/styles/inplace-editor/highcontrast-light.css +16 -171
- package/styles/inplace-editor/highcontrast.css +16 -171
- package/styles/inplace-editor/icons/_fluent-dark.scss +1 -0
- package/styles/inplace-editor/icons/_fluent.scss +19 -0
- package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
- package/styles/inplace-editor/icons/_material3.scss +19 -0
- package/styles/inplace-editor/icons/_tailwind.scss +4 -4
- package/styles/inplace-editor/material-dark.css +11 -125
- package/styles/inplace-editor/material.css +11 -129
- package/styles/inplace-editor/tailwind-dark.css +17 -191
- package/styles/inplace-editor/tailwind.css +17 -191
- package/styles/material-dark.css +11 -125
- package/styles/material.css +11 -129
- package/styles/tailwind-dark.css +17 -191
- package/styles/tailwind.css +17 -191
|
@@ -36,6 +36,7 @@ $editor-tip-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .26) !default;
|
|
|
36
36
|
|
|
37
37
|
/*! Tip Content styles */
|
|
38
38
|
$editor-tip-content-bdr-radius: 4px !default;
|
|
39
|
+
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
39
40
|
|
|
40
41
|
/*! Title styles */
|
|
41
42
|
$editor-tip-title-font-weight: 700 !default;
|
|
@@ -17,6 +17,7 @@ $editor-nrml-overlay-icon-container-size: 20px !default;
|
|
|
17
17
|
$editor-big-overlay-icon-left-right: 8px !default;
|
|
18
18
|
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
19
19
|
$editor-tip-content-bdr-radius: 4px !default;
|
|
20
|
+
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
20
21
|
$editor-tip-title-font-weight: $font-weight-medium !default;
|
|
21
22
|
$editor-big-tip-title-font-size: $text-sm !default;
|
|
22
23
|
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
@@ -36,6 +36,7 @@ $editor-tip-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .26) !default;
|
|
|
36
36
|
|
|
37
37
|
/*! Tip Content styles */
|
|
38
38
|
$editor-tip-content-bdr-radius: 0 !default;
|
|
39
|
+
$editor-popup-tip-content-bdr-radius: 0 !default;
|
|
39
40
|
|
|
40
41
|
/*! Title styles */
|
|
41
42
|
$editor-tip-title-font-weight: 600 !default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import './fluent-definition.scss';
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
$inplace-skin: 'FluentUI' !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 9px 12px !default;
|
|
6
|
+
$editor-nrml-value-container-padding: 4px 8px 6px 8px !default;
|
|
7
|
+
$editor-big-value-container-spin-padding: 12px !default;
|
|
8
|
+
$editor-nrml-value-container-spin-padding: 10px !default;
|
|
9
|
+
$editor-big-value-margin: 0 32px 0 0 !default;
|
|
10
|
+
$editor-nrml-value-margin: 0 30px 0 0 !default;
|
|
11
|
+
$editor-rtl-big-value-margin: 0 0 0 32px !default;
|
|
12
|
+
$editor-rtl-nrml-value-margin: 0 0 0 30px !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: 12px !default;
|
|
18
|
+
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
19
|
+
$editor-tip-content-bdr-radius: $model-radius !default;
|
|
20
|
+
$editor-popup-tip-content-bdr-radius: 0 !default;
|
|
21
|
+
$editor-popup-tip-wrapper-bdr-radius: 0 !default;
|
|
22
|
+
$editor-tip-title-font-weight: $font-weight-medium !default;
|
|
23
|
+
$editor-big-tip-title-font-size: $text-lg !default;
|
|
24
|
+
$editor-nrml-tip-title-font-size: $text-base !default;
|
|
25
|
+
$editor-big-tip-title-padding: 8px 16px 0 16px !default;
|
|
26
|
+
$editor-nrml-tip-title-padding: 6px 12px 0 12px !default;
|
|
27
|
+
$editor-rtl-big-tip-title-padding: 8px 16px 0 16px !default;
|
|
28
|
+
$editor-rtl-nrml-tip-title-padding: 6px 12px 0 12px !default;
|
|
29
|
+
$editor-big-tip-title-container-size: 28px !default;
|
|
30
|
+
$editor-nrml-tip-title-container-size: 24px !default;
|
|
31
|
+
$editor-big-tip-wrapper-padding: 25px 16px 16px 16px !default;
|
|
32
|
+
$editor-nrml-tip-wrapper-padding: 18px 12px 12px 12px !default;
|
|
33
|
+
$editor-big-wrapper-title-with-padding: 25px 16px 16px 16px !default;
|
|
34
|
+
$editor-nrml-wrapper-title-with-padding: 18px 12px 12px 12px !default;
|
|
35
|
+
$editor-component-bottom-margin: 4px !default;
|
|
36
|
+
$editor-buttons-top-margin: 4px !default;
|
|
37
|
+
$editor-btn-save-icon-size: 12px !default;
|
|
38
|
+
$editor-btn-cancel-icon-size: 12px !default;
|
|
39
|
+
$editor-big-btn-save-margin: 0 6px 0 0 !default;
|
|
40
|
+
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
|
|
41
|
+
$editor-big-btn-cancel-margin: 0 0 0 6px !default;
|
|
42
|
+
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
|
|
43
|
+
$editor-rtl-big-btn-save-margin: 0 0 0 6px !default;
|
|
44
|
+
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
|
|
45
|
+
$editor-rtl-big-btn-cancel-margin: 0 6px 0 0 !default;
|
|
46
|
+
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
|
|
47
|
+
//Layout Variable End
|
|
48
|
+
|
|
49
|
+
//Theme Variable Start
|
|
50
|
+
$editor-value-hover-bg: $content-bg-color-alt2 !default;
|
|
51
|
+
$editor-value-text-color: $content-text-color !default;
|
|
52
|
+
$editor-overlay-icon-color: $icon-color !default;
|
|
53
|
+
$editor-value-text-border: 1px dashed $content-text-color !default;
|
|
54
|
+
$editor-background-color: $transparent !default;
|
|
55
|
+
$wrapper-background-color: $flyout-bg-color !default;
|
|
56
|
+
$editor-tip-border: none !default;
|
|
57
|
+
$editor-tip-bg: $flyout-bg-color !default;
|
|
58
|
+
$editor-tip-arrow-icon-color: $tooltip-bg-color !default;
|
|
59
|
+
$editor-tip-title-arrow-icon-color: $content-bg-color !default;
|
|
60
|
+
$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
|
|
61
|
+
$editor-tip-title-arrow-bdr-color: $border !default;
|
|
62
|
+
$editor-tip-box-shadow: $shadow-xl !default;
|
|
63
|
+
$editor-tip-title-bg: $content-bg-color !default;
|
|
64
|
+
$editor-tio-title-border-bottom: 0 !default;
|
|
65
|
+
$editor-tip-title-color: $content-text-color !default;
|
|
66
|
+
$editable-overlay-icon-height: inherit !default;
|
|
67
|
+
$editable-overlay-icon: 0 !default;
|
|
68
|
+
$editor-btn-icon-color: $icon-color !default;
|
|
69
|
+
//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
|
|
@@ -484,6 +484,9 @@
|
|
|
484
484
|
&.e-tooltip-wrap {
|
|
485
485
|
|
|
486
486
|
.e-tip-content {
|
|
487
|
+
@if $inplace-skin == 'tailwind' or $inplace-skin == 'bootstrap5' $inplace-skin == 'FluentUI' {
|
|
488
|
+
padding: 0;
|
|
489
|
+
}
|
|
487
490
|
|
|
488
491
|
.e-editable-wrapper {
|
|
489
492
|
padding: $editor-big-tip-wrapper-padding;
|
|
@@ -634,10 +637,6 @@
|
|
|
634
637
|
}
|
|
635
638
|
|
|
636
639
|
@if $inplace-skin == 'tailwind' or $inplace-skin == 'bootstrap5' {
|
|
637
|
-
.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
|
|
638
|
-
padding: 0;
|
|
639
|
-
}
|
|
640
|
-
|
|
641
640
|
.e-control.e-inplaceeditor .e-editable-value-wrapper {
|
|
642
641
|
min-height: 30px;
|
|
643
642
|
}
|
|
@@ -36,6 +36,7 @@ $editor-tip-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0,
|
|
|
36
36
|
|
|
37
37
|
/*! Tip Content styles */
|
|
38
38
|
$editor-tip-content-bdr-radius: 2px !default;
|
|
39
|
+
$editor-popup-tip-content-bdr-radius: 2px !default;
|
|
39
40
|
|
|
40
41
|
/*! Title styles */
|
|
41
42
|
$editor-tip-title-font-weight: 500 !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
|
|
@@ -17,6 +17,7 @@ $editor-nrml-overlay-icon-container-size: 20px !default;
|
|
|
17
17
|
$editor-big-overlay-icon-left-right: 8px !default;
|
|
18
18
|
$editor-nrml-overlay-icon-left-right: 8px !default;
|
|
19
19
|
$editor-tip-content-bdr-radius: 4px !default;
|
|
20
|
+
$editor-popup-tip-content-bdr-radius: 4px !default;
|
|
20
21
|
$editor-tip-title-font-weight: 500 !default;
|
|
21
22
|
$editor-big-tip-title-font-size: $text-sm !default;
|
|
22
23
|
$editor-nrml-tip-title-font-size: $text-xs !default;
|
|
@@ -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
|
|
|
@@ -184,9 +192,12 @@
|
|
|
184
192
|
&.e-tooltip-wrap.e-popup {
|
|
185
193
|
background: $editor-tip-bg;
|
|
186
194
|
box-shadow: $editor-tip-box-shadow;
|
|
195
|
+
@if $inplace-skin == 'FluentUI' {
|
|
196
|
+
border-radius: $editor-popup-tip-wrapper-bdr-radius;
|
|
197
|
+
}
|
|
187
198
|
|
|
188
199
|
.e-tip-content {
|
|
189
|
-
border-radius: $editor-tip-content-bdr-radius;
|
|
200
|
+
border-radius: $editor-popup-tip-content-bdr-radius;
|
|
190
201
|
color: $editor-value-text-color;
|
|
191
202
|
}
|
|
192
203
|
|