@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

package/styles/document-editor-container/bootstrap5-dark.css

@@ -469,15 +469,6 @@
   top: 100px;
 }
 
-.e-de-scrollbar-hide::-webkit-scrollbar {
-  width: 0;
-}
-
-.e-de-scrollbar-hide {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
 .e-de-toolbar {
   height: 100%;
 }
@@ -520,7 +511,6 @@
   border: 0;
   color: #ced4da;
   float: right;
-  font-weight: 400;
   height: 33px;
   box-shadow: none;
 }
@@ -556,11 +546,13 @@
   border: 0;
   box-shadow: none;
   float: right;
-  margin-left: calc(100% - 360px);
+  height: 33px;
+  margin-left: calc(100% - 395px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 460px);
 }
 
 .e-de-ctn-title {
@@ -572,7 +564,7 @@
 
 .e-de-ctn-title button {
   font-size: 14px !important;
-  height: 36px !important;
+  height: 36px ​ !important;
   margin: 0 !important;
 }
 
@@ -618,8 +610,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 106px;
 }
 
 .e-de-ctn {
@@ -632,7 +625,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 145px;
 }
 
 .e-de-ctnr-toolbar {
@@ -676,7 +671,8 @@
 }
 
 .e-bigger .e-de-property-div-padding {
-  padding: 16px;
+  padding-bottom: 16px;
+  padding-top: 16px;
 }
 
 .e-bigger .e-de-insert-del-cell > div:last-child {
@@ -1109,7 +1105,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #444c54;
-  padding: 12px;
+  padding-bottom: 12px;
+  padding-top: 12px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -1122,8 +1119,7 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button,
-.e-de-insert-del-cell button {
+.e-de-char-fmt-btn-left > button {
   width: 38.75px;
 }
 
@@ -1139,9 +1135,8 @@
   width: 169px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
-  width: 44px;
+.e-bigger .e-de-char-fmt-btn-left > button {
+  width: 38.75px;
 }
 
 .e-de-panel-right-width {
@@ -1513,7 +1508,7 @@
   color: #ced4da;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 360px);
+  margin-left: calc(100% - 395px);
 }
 
 .e-bigger .e-de-statusbar-zoom-spell {
@@ -1522,7 +1517,7 @@
   color: #ced4da;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 460px);
 }
 
 .e-de-btn-cancel {
@@ -1560,6 +1555,37 @@
   padding-right: 12px;
 }
 
+.e-de-border-style-div {
+  margin-left: 12px;
+}
+
+.e-de-border-style-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
+.e-de-insert-del-cell {
+  margin-left: 12px;
+}
+
+.e-de-insert-del-cell.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
+.e-de-cell-margin {
+  margin-left: 12px;
+}
+
+.e-de-align-text {
+  margin-left: 12px;
+}
+
+.e-de-align-text.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
 .e-de-border-size-button {
   height: 31px;
   margin-top: 8px;
@@ -1571,22 +1597,27 @@
   width: 99px;
 }
 
-.e-de-cell-text-box {
+.e-de-cell-div {
+  margin-left: 12px;
+}
+
+.e-de-cell-div.e-de-rtl {
+  margin-left: 0;
   margin-right: 12px;
 }
 
-.e-de-pane-rtl .e-de-cell-text-box {
-  margin-left: 12px;
-  margin-right: 0;
+.e-de-cell-text-box {
+  margin-right: 12px;
 }
 
 .e-de-prop-fill-label {
+  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 0;
+  margin-right: 10.3px;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1599,12 +1630,12 @@
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
   height: 38px;
-  width: 39px;
+  width: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
   height: 42px;
-  width: 44px;
+  width: 42px;
 }
 
 .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
@@ -1620,24 +1651,41 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 0;
+  margin-left: 14.5px;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 0px;
+  margin-right: 14.5px;
+}
+
+.e-bigger .e-de-cell-text-box {
+  margin-right: 16px;
 }
 
-.e-bigger .e-rtl .e-de-cell-text-box {
+.e-bigger .e-de-cell-div {
   margin-left: 16px;
-  margin-right: 0;
 }
 
 .e-bigger .e-de-cell-div button {
   width: 45px !important;
 }
 
+.e-bigger .e-de-cell-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-border-style-div {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-border-style-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
 .e-bigger .e-de-color-picker {
   height: 38px;
   width: 95px;
@@ -1649,6 +1697,33 @@
   width: 95px;
 }
 
+.e-bigger .e-de-align-text {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-align-text.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-insert-del-cell {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-insert-del-cell.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-cell-margin {
+  margin-left: 14px;
+}
+
+.e-bigger .e-de-cell-margin.e-de-rtl {
+  margin-left: 0;
+  margin-right: 14px;
+}
+
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1704,17 +1779,6 @@
   margin-bottom: 16px;
 }
 
-.e-bigger .e-de-font-clr-picker .e-colorpicker-wrapper:first-child,
-.e-bigger .e-de-font-clr-picker > .e-split-btn-wrapper {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-font-clr-picker.e-rtl .e-colorpicker-wrapper:first-child,
-.e-bigger .e-de-font-clr-picker.e-rtl > .e-split-btn-wrapper {
-  margin-left: 16px;
-  margin-right: 0;
-}
-
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
@@ -1903,7 +1967,8 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #444c54;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

package/styles/document-editor-container/bootstrap5.css

@@ -469,15 +469,6 @@
   top: 100px;
 }
 
-.e-de-scrollbar-hide::-webkit-scrollbar {
-  width: 0;
-}
-
-.e-de-scrollbar-hide {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
 .e-de-toolbar {
   height: 100%;
 }
@@ -520,7 +511,6 @@
   border: 0;
   color: #495057;
   float: right;
-  font-weight: 400;
   height: 33px;
   box-shadow: none;
 }
@@ -556,11 +546,13 @@
   border: 0;
   box-shadow: none;
   float: right;
-  margin-left: calc(100% - 360px);
+  height: 33px;
+  margin-left: calc(100% - 395px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 460px);
 }
 
 .e-de-ctn-title {
@@ -572,7 +564,7 @@
 
 .e-de-ctn-title button {
   font-size: 14px !important;
-  height: 36px !important;
+  height: 36px ​ !important;
   margin: 0 !important;
 }
 
@@ -618,8 +610,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 106px;
 }
 
 .e-de-ctn {
@@ -632,7 +625,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 145px;
 }
 
 .e-de-ctnr-toolbar {
@@ -676,7 +671,8 @@
 }
 
 .e-bigger .e-de-property-div-padding {
-  padding: 16px;
+  padding-bottom: 16px;
+  padding-top: 16px;
 }
 
 .e-bigger .e-de-insert-del-cell > div:last-child {
@@ -1109,7 +1105,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #dee2e6;
-  padding: 12px;
+  padding-bottom: 12px;
+  padding-top: 12px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -1122,8 +1119,7 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button,
-.e-de-insert-del-cell button {
+.e-de-char-fmt-btn-left > button {
   width: 38.75px;
 }
 
@@ -1139,9 +1135,8 @@
   width: 169px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
-  width: 44px;
+.e-bigger .e-de-char-fmt-btn-left > button {
+  width: 38.75px;
 }
 
 .e-de-panel-right-width {
@@ -1513,7 +1508,7 @@
   color: #495057;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 360px);
+  margin-left: calc(100% - 395px);
 }
 
 .e-bigger .e-de-statusbar-zoom-spell {
@@ -1522,7 +1517,7 @@
   color: #495057;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 410px);
+  margin-left: calc(100% - 460px);
 }
 
 .e-de-btn-cancel {
@@ -1560,6 +1555,37 @@
   padding-right: 12px;
 }
 
+.e-de-border-style-div {
+  margin-left: 12px;
+}
+
+.e-de-border-style-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
+.e-de-insert-del-cell {
+  margin-left: 12px;
+}
+
+.e-de-insert-del-cell.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
+.e-de-cell-margin {
+  margin-left: 12px;
+}
+
+.e-de-align-text {
+  margin-left: 12px;
+}
+
+.e-de-align-text.e-de-rtl {
+  margin-left: 0;
+  margin-right: 12px;
+}
+
 .e-de-border-size-button {
   height: 31px;
   margin-top: 8px;
@@ -1571,22 +1597,27 @@
   width: 99px;
 }
 
-.e-de-cell-text-box {
+.e-de-cell-div {
+  margin-left: 12px;
+}
+
+.e-de-cell-div.e-de-rtl {
+  margin-left: 0;
   margin-right: 12px;
 }
 
-.e-de-pane-rtl .e-de-cell-text-box {
-  margin-left: 12px;
-  margin-right: 0;
+.e-de-cell-text-box {
+  margin-right: 12px;
 }
 
 .e-de-prop-fill-label {
+  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 0;
+  margin-right: 10.3px;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1599,12 +1630,12 @@
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
   height: 38px;
-  width: 39px;
+  width: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
   height: 42px;
-  width: 44px;
+  width: 42px;
 }
 
 .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
@@ -1620,24 +1651,41 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 0;
+  margin-left: 14.5px;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 0px;
+  margin-right: 14.5px;
+}
+
+.e-bigger .e-de-cell-text-box {
+  margin-right: 16px;
 }
 
-.e-bigger .e-rtl .e-de-cell-text-box {
+.e-bigger .e-de-cell-div {
   margin-left: 16px;
-  margin-right: 0;
 }
 
 .e-bigger .e-de-cell-div button {
   width: 45px !important;
 }
 
+.e-bigger .e-de-cell-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-border-style-div {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-border-style-div.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
 .e-bigger .e-de-color-picker {
   height: 38px;
   width: 95px;
@@ -1649,6 +1697,33 @@
   width: 95px;
 }
 
+.e-bigger .e-de-align-text {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-align-text.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-insert-del-cell {
+  margin-left: 16px;
+}
+
+.e-bigger .e-de-insert-del-cell.e-de-rtl {
+  margin-left: 0;
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-cell-margin {
+  margin-left: 14px;
+}
+
+.e-bigger .e-de-cell-margin.e-de-rtl {
+  margin-left: 0;
+  margin-right: 14px;
+}
+
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1704,17 +1779,6 @@
   margin-bottom: 16px;
 }
 
-.e-bigger .e-de-font-clr-picker .e-colorpicker-wrapper:first-child,
-.e-bigger .e-de-font-clr-picker > .e-split-btn-wrapper {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-font-clr-picker.e-rtl .e-colorpicker-wrapper:first-child,
-.e-bigger .e-de-font-clr-picker.e-rtl > .e-split-btn-wrapper {
-  margin-left: 16px;
-  margin-right: 0;
-}
-
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
@@ -1903,7 +1967,8 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #dee2e6;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,