@syncfusion/ej2-inplace-editor 26.2.10 → 27.1.48

package/styles/inplace-editor/_layout.scss

@@ -1,106 +1,4 @@
 @include export-module('inplaceeditor-layout') {
-  .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-inplaceeditor {
     display: inline-block;
     position: relative;
@@ -308,32 +206,7 @@
     }
   }
 
-  .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-inplaceeditor,
   .e-inplaceeditor-tip {
     .e-input-group + .e-editable-loading {
@@ -452,46 +325,7 @@
     }
   }
 
-  .e-bigger .e-inplaceeditor-tip,
-  .e-inplaceeditor-tip.e-bigger {
-    &.e-tooltip-wrap {
-      .e-tip-content {
-        @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' $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-inplaceeditor-tip {
     opacity: 1;
@@ -587,13 +421,7 @@
     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;
-  }
-
-  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
     .e-control .e-inplaceeditor,
     .e-tooltip-wrap.e-popup.e-inplaceeditor-tip.e-popup-open,
     .e-inplaceeditor .e-input-group.e-control-wrapper.e-editable-elements {
@@ -601,23 +429,9 @@
     }
   }
 
-  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
     .e-control.e-inplaceeditor .e-editable-value-wrapper {
       min-height: 30px;
     }
-
-    .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;
-    }
   }
 }

package/styles/inplace-editor/_theme.scss

@@ -105,7 +105,7 @@
           box-shadow: 0 1px 4px 0 $black-color;
         }
 
-        @else if $skin-name == 'bootstrap5' {
+        @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           background-color: $content-bg-color;
           border: 1px solid $border-light;
           border-radius: 4px;
@@ -127,7 +127,7 @@
             box-shadow: 0 1px 4px 0 $black-color;
           }
         }
-        @else if $skin-name == 'bootstrap5' {
+        @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           &:hover {
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
@@ -157,7 +157,7 @@
         &:hover,
         &:active {
           .e-btn-icon.e-icons {
-            @if $skin-name == 'bootstrap4' or $skin-name =='bootstrap5' {
+            @if $skin-name == 'bootstrap4' or $skin-name =='bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $white;
             }
           }
@@ -174,7 +174,7 @@
     }
   }
 
-  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
     .e-inplaceeditor .e-editable-value-wrapper {
       background-color: $editor-background-color;
       border-radius: 4px;

package/styles/inplace-editor/bootstrap-dark.css

@@ -27,33 +27,6 @@
   border: 0;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 15px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 24px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  height: 38px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -85,29 +58,6 @@
   border-bottom: 1px solid #484848;
 }
 
-.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: 34px;
-  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: 4px 0;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
-  height: 30px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
-  min-height: 34px;
-}
-
 .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
   line-height: 30px;
   top: 0;
@@ -131,20 +81,11 @@
   width: 32px;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 40px;
-  width: 40px;
-}
-
 .e-multi-select-wrapper .e-searcher input[type=text],
 .e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
 }
 
-.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.2em;
-}
-
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {
   0% {
@@ -219,97 +160,6 @@
   content: "\e338";
 }
 
-.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;
@@ -482,12 +332,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;
@@ -581,37 +425,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;
@@ -696,12 +509,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 #f0f0f0;
   color: #f0f0f0;
@@ -798,4 +605,134 @@
 }
 .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
   color: #414141;
+}
+
+.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/inplace-editor/bootstrap-dark.scss

@@ -24,3 +24,4 @@
 @import 'bootstrap-dark-definition.scss';
 @import 'icons/bootstrap-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';