@syncfusion/ej2-angular-documenteditor 19.4.55 → 20.1.48

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

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

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

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