@syncfusion/ej2-inplace-editor 26.2.10 → 27.1.48

package/styles/highcontrast.css

@@ -1,10 +1,6 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! calendar fabric theme variables */
-.e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
-  height: 36px;
-}
-
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
 }
@@ -47,39 +43,6 @@
 .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
   border-color: #fff;
 }
-.e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
-  margin-top: 0;
-}
-.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
-  font-size: 15px;
-  line-height: 45px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-.e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-.e-bigger .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-.e-bigger .e-ddl.e-popup .e-input-group input {
-  height: 46px;
-}
-.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
-  font-size: 14px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-.e-bigger.e-small .e-ddl.e-popup .e-input-group {
-  padding: 0;
-}
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input {
-  height: 34px;
-}
 
 .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
   color: #fff;
@@ -142,7 +105,7 @@
   background-color: #ffd939;
 }
 
-.e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
+.e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
   padding-left: 0;
 }
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
@@ -253,97 +216,6 @@
   content: "\e97c";
 }
 
-.e-bigger .e-inplaceeditor .e-editable-value-wrapper,
-.e-inplaceeditor.e-bigger .e-editable-value-wrapper {
-  padding: 8px 12px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
-.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
-  font-size: 15px;
-  margin: 0 32px 0 0;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
-.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
-  right: 12px;
-  width: 20px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
-.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
-  font-size: 16px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
-.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
-  right: 12px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-container,
-.e-inplaceeditor.e-bigger .e-editable-value-container {
-  padding: 8px 12px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
-.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
-  font-size: 15px;
-  margin: 0 32px 0 0;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
-.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
-  right: 12px;
-  width: 20px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
-.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
-  font-size: 16px;
-}
-.e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
-.e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
-  right: 12px;
-}
-.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
-.e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
-  margin: 0 4px 0 0;
-}
-.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
-.e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
-  margin: 0 0 0 4px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
-  margin: 0 0 0 32px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
-  left: 12px;
-  right: auto;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
-  left: 12px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
-  margin: 0 0 0 32px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
-  left: 12px;
-  right: auto;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
-  left: 12px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
-  margin: 0 0 0 4px;
-}
-.e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
-.e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
-  margin: 0 4px 0 0;
-}
-
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -516,12 +388,6 @@
   right: auto;
 }
 
-.e-bigger .e-inplaceeditor,
-.e-inplaceeditor.e-bigger,
-.e-bigger .e-inplaceeditor-tip,
-.e-inplaceeditor-tip.e-bigger {
-  width: auto;
-}
 .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
 .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
   stroke-width: inherit;
@@ -615,37 +481,6 @@
           transform: translateX(30%) translateY(-50%);
 }
 
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
-.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
-  padding: 0;
-}
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
-.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
-  padding: 12px;
-}
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
-.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
-  padding: 12px;
-}
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
-.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
-  padding: 10px 12px 12px 12px;
-}
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
-.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
-  padding: 10px 12px 12px 12px;
-}
-.e-bigger .e-inplaceeditor-tip .e-editable-title,
-.e-inplaceeditor-tip.e-bigger .e-editable-title {
-  font-size: 14px;
-  min-height: 36px;
-  padding: 0 0 0 12px;
-}
-.e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
-.e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
-  padding: 0 12px 0 0;
-}
-
 .e-inplaceeditor-tip {
   opacity: 1;
   width: auto;
@@ -730,12 +565,6 @@
   min-height: 60px;
 }
 
-.e-bigger .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor,
-.e-bigger.e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
-  background-size: 150px 70px;
-  min-height: 70px;
-}
-
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #fff;
   color: #fff;
@@ -832,4 +661,134 @@
 }
 .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
   color: #000;
+}
+
+.e-bigger .e-inplaceeditor .e-editable-value-wrapper,
+.e-inplaceeditor.e-bigger .e-editable-value-wrapper {
+  padding: 8px 12px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
+.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
+  font-size: 15px;
+  margin: 0 32px 0 0;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
+.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
+  right: 12px;
+  width: 20px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
+.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
+  font-size: 16px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
+.e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
+  right: 12px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-container,
+.e-inplaceeditor.e-bigger .e-editable-value-container {
+  padding: 8px 12px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
+.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
+  font-size: 15px;
+  margin: 0 32px 0 0;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
+.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
+  right: 12px;
+  width: 20px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
+.e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
+  font-size: 16px;
+}
+.e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
+.e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
+  right: 12px;
+}
+.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
+.e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
+  margin: 0 4px 0 0;
+}
+.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
+.e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
+  margin: 0 0 0 4px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
+  margin: 0 0 0 32px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
+  left: 12px;
+  right: auto;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
+  left: 12px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
+  margin: 0 0 0 32px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
+  left: 12px;
+  right: auto;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
+  left: 12px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
+  margin: 0 0 0 4px;
+}
+.e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
+.e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
+  margin: 0 4px 0 0;
+}
+
+.e-bigger .e-inplaceeditor,
+.e-inplaceeditor.e-bigger,
+.e-bigger .e-inplaceeditor-tip,
+.e-inplaceeditor-tip.e-bigger {
+  width: auto;
+}
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
+  padding: 12px;
+}
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
+  padding: 12px;
+}
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
+  padding: 10px 12px 12px 12px;
+}
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
+  padding: 10px 12px 12px 12px;
+}
+.e-bigger .e-inplaceeditor-tip .e-editable-title,
+.e-inplaceeditor-tip.e-bigger .e-editable-title {
+  font-size: 14px;
+  min-height: 36px;
+  padding: 0 0 0 12px;
+}
+.e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
+.e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
+  padding: 0 12px 0 0;
+}
+
+.e-bigger .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor,
+.e-bigger.e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
+  background-size: 150px 70px;
+  min-height: 70px;
 }

package/styles/highcontrast.scss

@@ -24,3 +24,4 @@
 @import 'inplace-editor/highcontrast-definition.scss';
 @import 'inplace-editor/icons/highcontrast.scss';
 @import 'inplace-editor/all.scss';
+@import 'inplace-editor/bigger.scss';

package/styles/inplace-editor/_bigger.scss

@@ -0,0 +1,189 @@
+@include export-module('uploader-bigger') {
+  .e-bigger .e-inplaceeditor,
+  .e-inplaceeditor.e-bigger {
+    .e-editable-value-wrapper {
+      padding: $editor-big-value-container-padding;
+
+      .e-editable-value {
+        font-size: $editor-big-value-text-font-size;
+        margin: $editor-big-value-margin;
+      }
+
+      .e-editable-overlay-icon {
+        right: $editor-big-overlay-icon-left-right;
+        width: $editor-big-overlay-icon-container-size;
+
+        &::before {
+          font-size: $editor-big-overlay-icon-size;
+        }
+      }
+
+      .e-spinner-pane .e-spinner-inner {
+        right: $editor-big-value-container-spin-padding;
+      }
+    }
+
+    .e-editable-value-container {
+      padding: $editor-big-value-container-padding;
+
+      .e-editable-value {
+        font-size: $editor-big-value-text-font-size;
+        margin: $editor-big-value-margin;
+      }
+
+      .e-editable-overlay-icon {
+        right: $editor-big-overlay-icon-left-right;
+        width: $editor-big-overlay-icon-container-size;
+
+        &::before {
+          font-size: $editor-big-overlay-icon-size;
+        }
+      }
+
+      .e-spinner-pane .e-spinner-inner {
+        right: $editor-big-value-container-spin-padding;
+      }
+    }
+
+    .e-editable-action-buttons {
+
+      .e-btn-save {
+        margin: $editor-big-btn-save-margin;
+      }
+
+      .e-btn-cancel {
+        margin: $editor-big-btn-cancel-margin;
+      }
+    }
+
+    &.e-rtl {
+      .e-editable-value-wrapper {
+        .e-editable-value {
+          margin: $editor-rtl-big-value-margin;
+        }
+
+        .e-editable-overlay-icon {
+          left: $editor-big-overlay-icon-left-right;
+          right: auto;
+        }
+
+        .e-spinner-pane,
+        .e-spinner-pane .e-spinner-inner {
+          left: $editor-big-value-container-spin-padding;
+        }
+      }
+
+      .e-editable-value-container {
+        .e-editable-value {
+          margin: $editor-rtl-big-value-margin;
+        }
+
+        .e-editable-overlay-icon {
+          left: $editor-big-overlay-icon-left-right;
+          right: auto;
+        }
+
+        .e-spinner-pane,
+        .e-spinner-pane .e-spinner-inner {
+          left: $editor-big-value-container-spin-padding;
+        }
+      }
+
+      .e-editable-action-buttons {
+        .e-btn-save {
+          margin: $editor-rtl-big-btn-save-margin;
+        }
+
+        .e-btn-cancel {
+          margin: $editor-rtl-big-btn-cancel-margin;
+        }
+      }
+    }
+  }
+  .e-bigger .e-inplaceeditor,
+  .e-inplaceeditor.e-bigger,
+  .e-bigger .e-inplaceeditor-tip,
+  .e-inplaceeditor-tip.e-bigger {
+    width: auto;
+
+    .e-input-group + .e-editable-loading {
+      @if $skin-name == 'material' {
+        .e-spinner-inner {
+          top: 45%;
+        }
+      }
+    }
+
+    .e-editable-action-buttons {
+      .e-btn-save,
+      .e-btn-cancel {
+        .e-btn-icon.e-icons {
+          @if $skin-name == 'bootstrap4' {
+            font-size: 16px;
+          }
+        }
+      }
+    }
+  }
+  .e-bigger .e-inplaceeditor-tip,
+  .e-inplaceeditor-tip.e-bigger {
+    &.e-tooltip-wrap {
+      .e-tip-content {
+        @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' {
+          padding: 0;
+        }
+
+        .e-editable-wrapper {
+          padding: $editor-big-tip-wrapper-padding;
+        }
+
+        .e-editable-container {
+          padding: $editor-big-tip-wrapper-padding;
+        }
+
+        .e-editable-title + .e-editable-wrapper {
+          padding: $editor-big-wrapper-title-with-padding;
+        }
+
+        .e-editable-title + .e-editable-container {
+          padding: $editor-big-wrapper-title-with-padding;
+        }
+      }
+    }
+
+    .e-editable-title {
+      font-size: $editor-big-tip-title-font-size;
+      min-height: $editor-big-tip-title-container-size;
+      padding: $editor-big-tip-title-padding;
+    }
+
+    &.e-rtl {
+      &.e-tooltip-wrap .e-tip-content {
+        .e-editable-title {
+          padding: $editor-rtl-big-tip-title-padding;
+        }
+      }
+    }
+  }
+  .e-bigger .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor,
+  .e-bigger.e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
+    background-size: 150px 70px;
+    min-height: 70px;
+  }
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+
+    .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
+    .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
+      min-height: 38px;
+    }
+
+    .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title,
+    .e-bigger.e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
+      font-size: $editor-big-tip-title-font-size;
+    }
+
+    .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
+      font-size: 22px;
+    }
+  }
+}