@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

package/styles/fabric.css

@@ -669,16 +669,6 @@
   display: block;
 }
 
-.e-documenteditor .e-checkbox-wrapper .e-frame {
-  height: 14px;
-  line-height: 6px;
-  width: 14px;
-}
-
-.e-documenteditor .e-checkbox-wrapper .e-label {
-  font-size: 12px;
-}
-
 .e-documenteditor .e-de-op-close-button {
   left: 267px;
   position: absolute;
@@ -713,7 +703,6 @@
 
 .e-de-ff-dlg-heading-small {
   display: block;
-  font-size: 14px;
   font-weight: 600;
   margin-bottom: 4px;
 }
@@ -1352,10 +1341,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-row-ht-top,
 .e-de-cell-ht-top {
   padding: 0 20px;
+  width: 160px;
 }
 
 .e-de-ht-wdth-type {
   margin-top: -24px;
+  width: 120px;
 }
 
 .e-de-row-ht-top.e-de-rtl,
@@ -1504,6 +1495,10 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 18px;
 }
 
+.e-de-restrict-pane {
+  color: #000;
+}
+
 .e-de-op.e-de-rtl .e-de-search-tab-content {
   margin-left: 1px;
   margin-right: 0;
@@ -1548,7 +1543,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-documenteditor .e-input {
-  color: #000;
   font-size: 14px;
 }
 
@@ -1931,7 +1925,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-spellcheck-btn {
-  height: 36px;
   margin-bottom: 8px;
   width: 154px;
 }
@@ -1998,10 +1991,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 385px;
 }
 
-.e-de-font-content-label span.e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .e-de-font-label span.e-label {
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2016,17 +2005,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-documenteditor .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 14px;
-}
-
-.e-documenteditor .e-checkbox-wrapper .e-frame {
-  height: 20px;
-  line-height: 16px;
-  width: 20px;
-}
-
 .e-de-op-dlg-footer {
   margin-top: 20px;
 }
@@ -2048,62 +2026,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 0;
 }
 
-.e-de-table-container-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-header-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-tbl-margin-sub-header .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-container-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-header-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-tbl-margin-sub-header .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .e-de-list-format-info {
   border-radius: 50% !important;
   cursor: default;
@@ -2432,6 +2354,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 20px;
   margin-top: 13px;
+  width: 120px;
 }
 
 .e-de-table-ppty-dlg-measure-drop-down-div.e-de-rtl {
@@ -2465,11 +2388,13 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 20px;
   margin-top: 13px;
+  width: 120px;
 }
 
 .e-de-table-ppty-dlg-preferred-width-div.e-de-rtl {
   margin-left: 0;
   margin-right: 20px;
+  width: 120px;
 }
 
 .e-de-table-ppty-options-break {
@@ -2857,20 +2782,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   color: #333;
 }
 
-.e-de-restrict-pane .e-checkbox-wrapper .e-label {
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 12px;
-}
-
-.e-de-restrict-pane .e-checkbox-wrapper .e-frame {
-  height: 16px;
-  width: 16px;
-}
-
-.e-de-restrict-pane .e-checkbox-wrapper {
-  margin-bottom: 8px;
-}
-
 .e-de-rp-user .e-checkbox-wrapper {
   width: auto;
 }
@@ -2943,7 +2854,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 8px;
-  margin-top: c;
 }
 
 .e-de-enforce .e-de-enforce-dlg-input {
@@ -3101,6 +3011,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-tc-no-chng {
+  color: #000;
   font-size: 14px;
   opacity: 65%;
   margin: 60px 0;
@@ -4145,7 +4056,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-statusbar-pageweb .e-de-printlayout,
 .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
+}
+
+.e-de-statusbar-pageweb .e-de-printlayout:hover,
+.e-de-statusbar-pageweb .e-de-weblayout:hover {
+  font-size: 16px;
 }
 
 .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -4154,7 +4070,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
 .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-de-linespacing {
@@ -4171,8 +4087,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: 0 !important;
 }
 
 .e-de-pagenumber-input {
@@ -4180,8 +4094,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 1px solid #dadada;
   border-radius: 0;
   color: #333;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -4204,6 +4117,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-ctn-title {
   background-color: #0078d6;
+  border-bottom: none !important;
   color: #fff;
 }
 
@@ -4424,10 +4338,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 0;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -4800,6 +4710,52 @@ label[for*="_wholeWord_e-de-rtl"] {
   box-shadow: none !important;
 }
 
+.e-de-ctnr-group-btn-top > button:first-child {
+  border-radius: 0;
+  border-top-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top > button:last-child {
+  border-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 0;
+}
+
+.e-de-ctnr-group-btn-middle > button {
+  border-radius: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.e-de-ctnr-group-btn-bottom > button:first-child {
+  border-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom > button:last-child {
+  border-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
 .e-de-toc-template1 {
   background: #fff;
   border: 1px solid #dadada;
@@ -4878,6 +4834,10 @@ label[for*="_wholeWord_e-de-rtl"] {
   width: 100px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #333;
   display: -ms-inline-flexbox;
@@ -4888,6 +4848,10 @@ label[for*="_wholeWord_e-de-rtl"] {
   width: calc(100% - 160px);
 }
 
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
+}
+
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #333;
   display: -ms-inline-flexbox;
@@ -5171,8 +5135,8 @@ label[for*="_wholeWord_e-de-rtl"] {
   margin-bottom: 16px;
 }
 
-.e-bigger .e-de-ctnr-segment > div:first-child,
-.e-bigger .e-de-ctnr-segment > button:first-child {
+.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;
 }
 
@@ -5386,7 +5350,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-weight: 400;
   height: 25px !important;
   width: 25px !important;
-  border-radius: 4px;
 }
 
 .e-bigger .e-de-ctnr-list {
@@ -5505,6 +5468,8 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-weight: 400;
   background: #fff;
   height: 100%;
+  box-shadow: none;
+  border: none;
 }
 
 .e-de-ctn .e-de-bzr-button:focus {

package/styles/highcontrast-light.css

@@ -3231,7 +3231,12 @@ label[for='container_wholeWord'] {
 
 .e-de-statusbar-pageweb .e-de-printlayout,
 .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
+}
+
+.e-de-statusbar-pageweb .e-de-printlayout:hover,
+.e-de-statusbar-pageweb .e-de-weblayout:hover {
+  font-size: 16px;
 }
 
 .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -3240,7 +3245,7 @@ label[for='container_wholeWord'] {
 
 .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
 .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-de-linespacing {
@@ -3257,8 +3262,6 @@ label[for='container_wholeWord'] {
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: -3px !important;
 }
 
 .e-de-pagenumber-input {
@@ -3266,8 +3269,7 @@ label[for='container_wholeWord'] {
   border: 1px solid #000;
   border-radius: 2px;
   color: #000;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -3290,6 +3292,7 @@ label[for='container_wholeWord'] {
 
 .e-de-ctn-title {
   background-color: #400074;
+  border-bottom: none !important;
   color: #fff;
 }
 
@@ -3508,10 +3511,6 @@ label[for='container_wholeWord'] {
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 0;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -3882,6 +3881,52 @@ label[for='container_wholeWord'] {
   box-shadow: none !important;
 }
 
+.e-de-ctnr-group-btn-top > button:first-child {
+  border-radius: 0;
+  border-top-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top > button:last-child {
+  border-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 0;
+}
+
+.e-de-ctnr-group-btn-middle > button {
+  border-radius: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.e-de-ctnr-group-btn-bottom > button:first-child {
+  border-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom > button:last-child {
+  border-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
 .e-de-toc-template1 {
   background: #fff;
   border: 1px solid #000;
@@ -3960,6 +4005,10 @@ label[for='container_wholeWord'] {
   width: 100px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #000;
   display: -ms-inline-flexbox;
@@ -3970,6 +4019,10 @@ label[for='container_wholeWord'] {
   width: calc(100% - 160px);
 }
 
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
+}
+
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #000;
   display: -ms-inline-flexbox;
@@ -4253,8 +4306,8 @@ label[for='container_wholeWord'] {
   margin-bottom: 16px;
 }
 
-.e-bigger .e-de-ctnr-segment > div:first-child,
-.e-bigger .e-de-ctnr-segment > button:first-child {
+.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;
 }
 
@@ -4468,7 +4521,6 @@ label[for='container_wholeWord'] {
   font-weight: 400;
   height: 25px !important;
   width: 25px !important;
-  border-radius: 4px;
 }
 
 .e-bigger .e-de-ctnr-list {
@@ -4580,6 +4632,28 @@ label[for='container_wholeWord'] {
   line-height: 0;
 }
 
+.e-de-ctn .e-de-bzr-button {
+  font-size: 12px;
+  font-weight: 400;
+  background: #000;
+  height: 100%;
+  color: #fff;
+}
+
+.e-de-ctn .e-de-bzr-button:hover {
+  background: #685708;
+  border: 2px solid #fff;
+  border-radius: 0;
+  color: #fff;
+}
+
+.e-de-ctn .e-de-bzr-button:active {
+  box-shadow: none;
+  background-color: #ffd939;
+  border-color: #ffd939;
+  color: #000;
+}
+
 .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 16px;
 }