@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

package/styles/document-editor/material-dark.css

@@ -44,6 +44,16 @@
   font-size: 10px;
 }
 
+.e-documenteditor .e-de-save-icon::before {
+  content: '\e614';
+  font-family: 'e-icons';
+}
+
+.e-documenteditor .e-de-cancel-icon::before {
+  content: '\eb36';
+  font-family: 'e-icons';
+}
+
 .e-documenteditor .e-de-cmt-mark-icon::before {
   content: '\e817';
   font-family: 'e-icons';
@@ -75,16 +85,6 @@
   font-family: 'e-icons';
 }
 
-.e-documenteditor .e-de-save-icon::before {
-  content: '\e614';
-  font-family: 'e-icons';
-}
-
-.e-documenteditor .e-de-cancel-icon::before {
-  content: '\eb36';
-  font-family: 'e-icons';
-}
-
 .e-documenteditor .e-de-nav-up::before {
   content: '\e651';
   font-family: 'e-icons';
@@ -108,18 +108,8 @@
   font-family: 'e-icons';
 }
 
-.e-de-acceptchange::before {
-  content: '\e19f';
-  font-family: 'e-icons';
-}
-
-.e-de-rejectchange::before {
-  content: '\e204';
-  font-family: 'e-icons';
-}
-
 .e-de-table-properties-alignment:hover {
-  border-color: #ff80ab;
+  border-color: #00b0ff;
 }
 
 .e-de-table-properties-alignment {
@@ -131,7 +121,7 @@
 }
 
 .e-de-tablecell-alignment:hover {
-  border-color: #ff80ab;
+  border-color: #00b0ff;
 }
 
 .e-de-table-left-alignment::before {
@@ -165,7 +155,7 @@
 }
 
 .e-de-table-border-setting {
-  border: 1px solid black;
+  border: 1px solid #ddd;
   height: 48px;
   left: 5px;
   position: relative;
@@ -174,21 +164,21 @@
 }
 
 .e-de-table-border-setting-genral {
-  border: 1px solid rgba(0, 0, 0, 0.26);
+  border: 1px solid #ddd;
   display: inline-block;
   height: 60px;
   width: 60px;
 }
 
 .e-de-table-border-preview-genral {
-  border: 1px solid rgba(0, 0, 0, 0.26);
+  border: 1px solid #ddd;
   display: inline-block;
   height: 25px;
   width: 25px;
 }
 
 .e-de-table-border-inside-setting:hover {
-  border: 1px solid #ff80ab;
+  border: 1px solid #00b0ff;
 }
 
 .e-de-table-border-preview {
@@ -197,15 +187,15 @@
 }
 
 .e-de-table-border-inside-preview:hover {
-  border: 1px solid #ff80ab;
+  border: 1px solid #00b0ff;
 }
 
 .e-de-table-border-inside-setting-click {
-  border: 1px solid #ff80ab;
+  border: 1px solid #00b0ff;
 }
 
 .e-de-table-border-inside-preview-click {
-  border: 1px solid #ff80ab;
+  border: 1px solid #00b0ff;
 }
 
 .e-de-table-border-none-setting::before {
@@ -302,6 +292,16 @@
   top: 4px;
 }
 
+.e-de-acceptchange::before {
+  content: '\e19f';
+  font-family: 'e-icons';
+}
+
+.e-de-rejectchange::before {
+  content: '\e204';
+  font-family: 'e-icons';
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: '\e814';
   font-family: 'e-icons';
@@ -311,14 +311,16 @@
   content: '\e279';
 }
 
-.e-menu-item .e-de-copy::before {
-  content: '\e280';
-}
-
 .e-menu-item .e-de-spellcheck::before {
   content: '\e689';
 }
 
+.e-menu-item .e-de-copy::before {
+  content: '\e280';
+}
+
+.e-btn-icon .e-de-paste::before,
+.e-icon-btn .e-de-paste::before,
 .e-menu-item .e-de-paste::before {
   content: '\e501';
 }
@@ -339,6 +341,10 @@
   content: '\e278';
 }
 
+.e-menu-item .e-de-open-properties::before {
+  content: '\e605';
+}
+
 .e-menu-item .e-de-copy-hyperlink::before {
   content: '\e295';
 }
@@ -351,10 +357,6 @@
   content: '\e286';
 }
 
-.e-menu-item .e-de-open-properties::before {
-  content: '\e605';
-}
-
 .e-menu-item .e-de-fonts::before {
   content: '\e273';
 }
@@ -554,13 +556,8 @@
   content: '\e91f';
 }
 
-.e-btn-icon .e-de-paste::before,
-.e-icon-btn .e-de-paste::before {
-  content: '\e68a';
-}
-
 .e-de-blink-cursor {
-  border-left: 1px solid #000;
+  border-left: 1px solid rgba(0, 0, 0, 0.87);
   pointer-events: none;
   position: absolute;
   z-index: 3;
@@ -666,16 +663,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;
@@ -710,7 +697,6 @@
 
 .e-de-ff-dlg-heading-small {
   display: block;
-  font-size: 14px;
   font-weight: 400;
   margin-bottom: 4px;
 }
@@ -1319,7 +1305,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-table-alignment-active {
-  border: 1px solid #ff80ab;
+  border: 1px solid #00b0ff;
 }
 
 .e-de-table-dialog-options-label {
@@ -1349,10 +1335,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: -22px;
+  width: 120px;
 }
 
 .e-de-row-ht-top.e-de-rtl,
@@ -1462,9 +1450,9 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-tooltip {
-  background-color: #fff;
+  background-color: #303030;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
-  color: #000;
+  color: #fff;
   cursor: text;
   display: table;
   max-width: 200px;
@@ -1473,9 +1461,9 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-form-popup {
-  background-color: #fff;
+  background-color: #303030;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
-  color: #000;
+  color: #fff;
   cursor: text;
   max-width: 350px;
   min-width: 300px;
@@ -1501,6 +1489,10 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 18px;
 }
 
+.e-de-restrict-pane {
+  color: #fff;
+}
+
 .e-de-op.e-de-rtl .e-de-search-tab-content {
   margin-left: 1px;
   margin-right: 0;
@@ -1545,7 +1537,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-documenteditor .e-input {
-  color: #303030;
   font-size: 14px;
 }
 
@@ -1928,7 +1919,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-spellcheck-btn {
-  height: 36px;
   margin-bottom: 8px;
   width: 154px;
 }
@@ -1995,10 +1985,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 385px;
 }
 
-.e-de-font-content-label span.e-label {
-  color: #303030;
-}
-
 .e-de-font-label span.e-label {
   color: #303030;
 }
@@ -2013,17 +1999,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   color: #303030;
 }
 
-.e-documenteditor .e-checkbox-wrapper .e-label {
-  color: #303030;
-  font-size: 14px;
-}
-
-.e-documenteditor .e-checkbox-wrapper .e-frame {
-  height: 18px;
-  line-height: 10px;
-  width: 18px;
-}
-
 .e-de-op-dlg-footer {
   margin-top: 15px;
 }
@@ -2045,62 +2020,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 0;
 }
 
-.e-de-table-container-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-header-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-tbl-margin-sub-header .e-label {
-  color: #303030;
-}
-
-.e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-container-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-header-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
-.e-de-tbl-margin-sub-header .e-label {
-  color: #303030;
-}
-
-.e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
-  color: #303030;
-}
-
 .e-de-list-format-info {
   border-radius: 50% !important;
   cursor: default;
@@ -2334,12 +2253,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-style-paragraph-group-button {
-  border-right: 2px solid #e0e0e0;
+  border-right: 2px solid "";
 }
 
 .e-de-style-font-group-button {
-  border-left: 2px solid #e0e0e0;
-  border-right: 2px solid #e0e0e0;
+  border-left: 2px solid "";
+  border-right: 2px solid "";
 }
 
 .e-de-op-replace-messagediv {
@@ -2429,6 +2348,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 40px;
   margin-top: 6px;
+  width: 120px;
 }
 
 .e-de-table-ppty-dlg-measure-drop-down-div.e-de-rtl {
@@ -2462,11 +2382,13 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 20px;
   margin-top: 6px;
+  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 {
@@ -2735,7 +2657,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-ui-bullet-list-header-presetmenu .e-de-list-thumbnail .e-de-list-active,
 .e-de-style-numbered-list .e-de-list-thumbnail .e-de-list-active {
-  border-color: #ff80ab;
+  border-color: #00b0ff;
 }
 
 .e-de-rp-sub-content-div {
@@ -2811,12 +2733,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-bigger .e-de-toc-label {
-  margin-left: 194px;
+  margin-left: 40px;
 }
 
 .e-bigger .e-de-toc-label-rtl {
   margin-left: 0px;
-  margin-right: 180px;
+  margin-right: 40px;
 }
 
 .e-bigger .e-de-outline-rtl {
@@ -2854,27 +2776,13 @@ label[for*="_wholeWord_e-de-rtl"] {
   color: #9e9e9e;
 }
 
-.e-de-restrict-pane .e-checkbox-wrapper .e-label {
-  color: #303030;
-  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;
 }
 
 .e-de-rp-nav-btn,
 .e-de-rp-btn-enforce {
-  background: #fafafa;
+  background: "";
   font-size: 13px;
   opacity: 0.87;
   border-radius: 2px;
@@ -2896,7 +2804,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-rp-btn-stop-enforce {
-  background: #fafafa;
+  background: "";
   font-size: 13px;
   opacity: 0.87;
   border-radius: 2px;
@@ -2940,7 +2848,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 {
@@ -2950,7 +2857,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-user-add-btn {
-  background: #e0e0e0;
+  background: "";
   border-radius: 2px;
   width: 74px;
 }
@@ -3059,7 +2966,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-cmt-sub-container.e-de-cmt-selection {
-  border-left: 3px solid #ff80ab;
+  border-left: 3px solid #00b0ff;
   padding-left: 6px;
 }
 
@@ -3080,7 +2987,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-trckchanges-inner:hover {
-  border-left: 2px solid #ff80ab;
+  border-left: 2px solid #00b0ff;
   cursor: default;
   margin: 8px 0 8px 7.5px;
   padding-left: 6px;
@@ -3089,7 +2996,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-trckchanges-inner.e-de-trckchanges-inner-select {
-  border-left: 3px solid #ff80ab;
+  border-left: 3px solid #00b0ff;
   cursor: default;
   margin: 8px 0 8px 7.5px;
   padding-left: 5px;
@@ -3098,6 +3005,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-tc-no-chng {
+  color: #fff;
   font-size: 14px;
   opacity: 65%;
   margin: 60px 0;
@@ -3269,7 +3177,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
-  border-left: 2px solid #ff80ab;
+  border-left: 2px solid #00b0ff;
   padding-left: 7px;
 }
 
@@ -3372,11 +3280,11 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
-  border-left: 3px solid rgba(255, 128, 171, 0.5);
+  border-left: 3px solid rgba(0, 176, 255, 0.5);
 }
 
 .e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
-  border-left: 2px solid rgba(255, 128, 171, 0.5);
+  border-left: 2px solid rgba(0, 176, 255, 0.5);
 }
 
 .e-de-lock-mark {
@@ -3398,12 +3306,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-cmt-mark :hover {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-de-cmt-mark.e-de-cmt-mark-selected,
 .e-de-cmt-mark.e-de-cmt-mark-hover {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-de-cmt-no-cmt {
@@ -3449,24 +3357,24 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-rtl .e-de-cmt-sub-container.e-de-cmt-selection {
   border-left: 1px solid #eee;
-  border-right: 3px solid #ff80ab;
+  border-right: 3px solid #00b0ff;
   padding-left: 8px;
   padding-right: 6px;
 }
 
 .e-rtl .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
   border-left: 1px solid #eee;
-  border-right: 2px solid #ff80ab;
+  border-right: 2px solid #00b0ff;
   padding-left: 8px;
   padding-right: 7px;
 }
 
 .e-rtl .e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
-  border-right: 3px solid rgba(255, 128, 171, 0.5);
+  border-right: 3px solid rgba(0, 176, 255, 0.5);
 }
 
 .e-rtl .e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
-  border-right: 2px solid rgba(255, 128, 171, 0.5);
+  border-right: 2px solid rgba(0, 176, 255, 0.5);
 }
 
 .e-rtl .e-de-cmt-action-button {