@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

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

@@ -442,15 +442,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%;
 }
@@ -496,7 +487,6 @@
   border: 0;
   color: #dadada;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -525,7 +515,9 @@
   border: 0;
   box-shadow: none;
   float: right;
+  height: 33px;
   margin-left: calc(100% - 405px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -561,8 +553,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 111px;
 }
 
 .e-de-ctn {
@@ -575,7 +568,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 125px;
 }
 
 .e-de-ctnr-toolbar {
@@ -884,7 +879,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #4a4848;
-  padding: 12.5px;
+  padding-bottom: 11.5px;
+  padding-top: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -897,8 +893,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: 37.25px;
 }
 
@@ -914,8 +909,7 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
+.e-bigger .e-de-char-fmt-btn-left > button {
   width: 37.25px;
 }
 
@@ -1325,6 +1319,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: 28px;
   margin-top: 14px;
@@ -1336,22 +1361,27 @@
   width: 100px;
 }
 
-.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 {
@@ -1385,18 +1415,35 @@
 }
 
 .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-rtl .e-de-cell-text-box {
+.e-bigger .e-de-cell-text-box {
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-cell-div {
   margin-left: 16px;
-  margin-right: 0;
+}
+
+.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 {
@@ -1410,6 +1457,33 @@
   width: 96px;
 }
 
+.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;
 }
@@ -1652,7 +1726,8 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #4a4848;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

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

@@ -442,15 +442,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%;
 }
@@ -496,7 +487,6 @@
   border: 0;
   color: #333;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -525,7 +515,9 @@
   border: 0;
   box-shadow: none;
   float: right;
+  height: 33px;
   margin-left: calc(100% - 405px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -561,8 +553,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 111px;
 }
 
 .e-de-ctn {
@@ -575,7 +568,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 125px;
 }
 
 .e-de-ctnr-toolbar {
@@ -886,7 +881,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding: 12.5px;
+  padding-bottom: 11.5px;
+  padding-top: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -899,8 +895,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: 37.25px;
 }
 
@@ -916,8 +911,7 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
+.e-bigger .e-de-char-fmt-btn-left > button {
   width: 37.25px;
 }
 
@@ -1329,6 +1323,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: 28px;
   margin-top: 14px;
@@ -1340,22 +1365,27 @@
   width: 100px;
 }
 
-.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 {
@@ -1389,18 +1419,35 @@
 }
 
 .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-rtl .e-de-cell-text-box {
+.e-bigger .e-de-cell-text-box {
+  margin-right: 16px;
+}
+
+.e-bigger .e-de-cell-div {
   margin-left: 16px;
-  margin-right: 0;
+}
+
+.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 {
@@ -1414,6 +1461,33 @@
   width: 96px;
 }
 
+.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;
 }
@@ -1656,7 +1730,8 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

package/styles/document-editor-container/highcontrast-light.css

@@ -1379,12 +1379,12 @@ label[for='container_wholeWord'] {
 
 .e-de-font-dlg {
   height: 239px;
-  width: max-content;
+  width: 380px;
 }
 
 .e-de-hyperlink {
-  height: auto;
-  width: 250px;
+  height: 175px;
+  width: 230px;
 }
 
 .e-de-insert-table {
@@ -2501,15 +2501,6 @@ label[for='container_wholeWord'] {
   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%;
 }
@@ -2555,7 +2546,6 @@ label[for='container_wholeWord'] {
   border: 0;
   color: #000;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -2584,7 +2574,9 @@ label[for='container_wholeWord'] {
   border: 0;
   box-shadow: none;
   float: right;
+  height: 33px;
   margin-left: calc(100% - 362px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -2620,8 +2612,9 @@ label[for='container_wholeWord'] {
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 91px;
 }
 
 .e-de-ctn {
@@ -2634,7 +2627,9 @@ label[for='container_wholeWord'] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -2943,7 +2938,8 @@ label[for='container_wholeWord'] {
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding: 12.5px;
+  padding-bottom: 11.5px;
+  padding-top: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -2956,8 +2952,7 @@ label[for='container_wholeWord'] {
   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: 37.25px;
 }
 
@@ -2973,8 +2968,7 @@ label[for='container_wholeWord'] {
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
+.e-bigger .e-de-char-fmt-btn-left > button {
   width: 37.25px;
 }
 
@@ -3384,6 +3378,37 @@ label[for='container_wholeWord'] {
   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: 28px;
   margin-top: 14px;
@@ -3395,22 +3420,27 @@ label[for='container_wholeWord'] {
   width: 100px;
 }
 
-.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 {
@@ -3444,18 +3474,35 @@ label[for='container_wholeWord'] {
 }
 
 .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.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 {
@@ -3469,6 +3516,33 @@ label[for='container_wholeWord'] {
   width: 96px;
 }
 
+.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;
 }
@@ -3711,7 +3785,8 @@ label[for='container_wholeWord'] {
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding: 16px;
+  padding-bottom: 14.5px;
+  padding-top: 15.5px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,