@syncfusion/ej2-angular-documenteditor 20.1.60 → 20.2.36

package/styles/tailwind-dark.css

@@ -164,25 +164,23 @@
 
 .e-de-table-border-setting {
   border: 1px solid #6b7280;
-  height: 48px;
+  height: 40px;
   left: 5px;
   position: relative;
   top: 5px;
-  width: 48px;
+  width: 40px;
 }
 
 .e-de-table-border-setting-genral {
   border: 1px solid #d1d5db;
-  display: inline-block;
-  height: 60px;
-  width: 60px;
+  height: 52px;
+  width: 52px;
 }
 
 .e-de-table-border-preview-genral {
   border: 1px solid #d1d5db;
-  display: inline-block;
-  height: 25px;
-  width: 25px;
+  height: 24px;
+  width: 24px;
 }
 
 .e-de-table-border-inside-setting:hover {
@@ -209,14 +207,14 @@
 .e-de-table-border-none-setting::before {
   color: #d1d5db;
   content: "\e7eb";
-  font-size: 46px;
+  font-size: 38px;
   position: absolute;
 }
 
 .e-de-table-border-box-setting::before {
   color: #d1d5db;
   content: "\e834";
-  font-size: 42px;
+  font-size: 34px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -226,7 +224,7 @@
   color: #d1d5db;
   content: "\e7e8";
   font-family: "e-icons";
-  font-size: 42px;
+  font-size: 34px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -235,7 +233,41 @@
 .e-de-table-border-custom-setting::before {
   color: #d1d5db;
   content: "\e7d5";
-  font-size: 42px;
+  font-size: 34px;
+  left: 2px;
+  position: absolute;
+  top: 2px;
+}
+
+.e-de-para-border-none-setting::before {
+  color: #d1d5db;
+  content: "\e890";
+  font-size: 38px;
+  position: absolute;
+}
+
+.e-de-para-border-box-setting::before {
+  color: #d1d5db;
+  content: "\e891";
+  font-size: 34px;
+  left: 2px;
+  position: absolute;
+  top: 2px;
+}
+
+.e-de-para-border-shadow-setting::before {
+  color: #d1d5db;
+  content: "\e892";
+  font-size: 34px;
+  left: 2px;
+  position: absolute;
+  top: 2px;
+}
+
+.e-de-para-border-custom-setting::before {
+  color: #d1d5db;
+  content: "\e88f";
+  font-size: 34px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -246,72 +278,72 @@
   content: "\e7e0";
   font-family: "e-icons";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-topcenter-alignment::before {
   color: #d1d5db;
   content: "\e83b";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-topbottom-alignment::before {
   color: #d1d5db;
   content: "\e766";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-diagionalup-alignment::before {
   color: #d1d5db;
   content: "\e79d";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-diagionaldown-alignment::before {
   color: #d1d5db;
   content: "\e784";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-bottomleft-alignment::before {
   color: #d1d5db;
   content: "\e806";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-bottomcenter-alignment::before {
   color: #d1d5db;
   content: "\e792";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-de-table-border-bottomright-alignment::before {
   color: #d1d5db;
   content: "\e7ab";
   font-size: 16px;
-  left: 4px;
+  left: 5px;
   position: absolute;
-  top: 0;
+  top: 2px;
 }
 
 .e-menu-item .e-de-cmt-add::before {
@@ -747,7 +779,7 @@
 .e-documenteditor .e-de-op-close-button {
   left: 267px;
   position: absolute;
-  top: 10px;
+  top: 12px;
 }
 .e-documenteditor .e-de-op-close-button.e-de-rtl {
   left: 14px;
@@ -952,7 +984,7 @@
   display: block;
   font-size: 14px;
   font-weight: 500;
-  margin-bottom: 8px !important;
+  margin-bottom: 8px;
 }
 
 .e-content-placeholder.e-documenteditor.e-placeholder-documenteditor {
@@ -968,18 +1000,18 @@
 }
 
 .e-de-toc-modify-button {
-  margin-left: 162px;
+  margin-left: 156px;
   margin-top: 10px;
 }
 
 .e-de-toc-modify-button.e-de-rtl {
   margin-left: 0;
-  margin-right: 180px;
+  margin-right: 156px;
 }
 
 .e-de-toc-dlg-container {
   height: 454px;
-  width: 500px;
+  width: 550px;
 }
 
 .e-de-toc-dlg-sub-container {
@@ -990,15 +1022,12 @@
   border: 1px solid #6b7280;
   border-radius: 3px;
   font-size: 12px;
-  height: 174px;
-  margin-left: 38px;
+  height: 186px;
   overflow-y: scroll;
-  width: 209px;
 }
 
 .e-de-toc-list-view.e-de-rtl {
   margin-left: 0;
-  margin-right: 38px;
 }
 
 .e-de-toc-dlg-sub-heading {
@@ -1178,8 +1207,7 @@
   margin-right: 20px;
 }
 
-.e-de-restrict-pane,
-.e-de-op {
+.e-de-restrict-pane {
   border-right: 1px solid #6b7280;
   padding-left: 12px;
   padding-top: 12px;
@@ -1188,6 +1216,14 @@
   width: 300px;
 }
 
+.e-de-op {
+  border-right: 1px solid #6b7280;
+  padding-left: 12px;
+  padding-right: 12px;
+  position: relative;
+  width: 300px;
+}
+
 .e-de-op.e-de-rtl {
   padding-left: 0;
   padding-right: 12px;
@@ -1198,17 +1234,19 @@
   font-family: inherit;
   font-size: 15px;
   font-weight: 500;
-  margin-bottom: 0;
+  margin-bottom: 12px;
+  padding-top: 12px;
   line-height: 24px;
 }
 
 .e-de-op-header.e-de-rtl {
   direction: rtl;
+  text-align: right;
 }
 
 .e-de-op-tab {
   border: 0;
-  height: 40px;
+  height: auto;
   background: transparent;
 }
 
@@ -1237,7 +1275,6 @@
 }
 
 .e-de-op-replacetabcontentdiv {
-  height: 82px;
   margin-top: 12px;
 }
 
@@ -1266,7 +1303,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-table-border-heading {
   font-size: 16px;
   font-weight: 500;
-  padding-bottom: 15px;
+  padding-bottom: 8px;
   color: #9ca3af;
 }
 
@@ -1285,6 +1322,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-table-setting-labels-heading {
   font-size: 12px;
   font-weight: 500;
+  margin-left: 10px;
 }
 
 .e-de-table-element-subheading {
@@ -1295,13 +1333,15 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-border-dlg-preview-div {
   border: 1px solid rgba(0, 0, 0, 0.54);
+  width: 80px;
+  height: 80px;
 }
 
 .e-de-border-dlg-preview-inside-divs {
   opacity: 0.54;
 }
 
-.e-de-table-dia-align-div {
+.e-de-tablecell-dia-align-div {
   border: 1px solid #6b7280;
   display: inline-block;
   height: 60px;
@@ -1309,7 +1349,7 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 60px;
 }
 
-.e-de-table-dia-align-div.e-de-rtl {
+.e-de-tablecell-dia-align-div.e-de-rtl {
   margin-left: 11px;
   margin-right: 0;
 }
@@ -1337,16 +1377,8 @@ label[for*=_wholeWord_e-de-rtl] {
   border: 1px solid #22d3ee;
 }
 
-.e-de-table-dialog-options-label {
-  font-size: 14px;
-  font-weight: 500;
-  padding-bottom: 12px;
+.e-de-table-dialog-size-label {
   padding-top: 16px !important;
-  color: #9ca3af;
-}
-
-.e-de-table-dialog-options-label.e-de-table-dialog-size-label {
-  padding-top: 0 !important;
 }
 
 .e-de-list-ddl-header {
@@ -1401,6 +1433,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-tbl-dlg-border-btn.e-de-rtl {
+  float: left;
   margin-right: 0;
 }
 
@@ -1522,7 +1555,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-documenteditor .e-de-op-close-button {
   left: 250px;
   position: absolute;
-  top: 10px;
+  top: 12px;
 }
 
 .e-bigger .e-de-table-properties-dlg {
@@ -1581,7 +1614,6 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-cmt-date {
   font-size: 14px !important;
 }
-.e-bigger .e-de-table-dialog-options-label,
 .e-bigger .e-de-table-setting-heading,
 .e-bigger .e-de-cell-dia-options-label,
 .e-bigger .e-de-style-formatting,
@@ -1612,7 +1644,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 .e-bigger .e-de-op {
   padding-left: 16px;
-  padding-top: 16px;
   padding-right: 16px;
   width: 308px;
 }
@@ -1642,11 +1673,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 12px;
 }
 .e-bigger .e-de-font-clr-div,
-.e-bigger .e-de-toc-dlg-build-table,
 .e-bigger .e-de-toc-dlg-styles,
-.e-bigger .e-de-tbl-dlg-border-btn {
-  margin-top: 20px;
-}
 .e-bigger .e-de-font-dlg-padding,
 .e-bigger .e-de-page-setup-dlg-sub-title-header,
 .e-bigger .e-de-op-result-container .e-de-list-ddl-subheaderbottom,
@@ -1655,15 +1682,6 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-op-dlg-footer {
   margin-top: 16px;
 }
-.e-bigger .e-de-table-ppty-dlg-left-indent-container {
-  bottom: 14px;
-}
-.e-bigger .e-de-table-ppty-dlg-left-indent-container {
-  left: 50px;
-}
-.e-bigger .e-de-table-ppty-dlg-left-indent-container.e-de-rtl {
-  right: 50px;
-}
 .e-bigger .e-de-ff-drpdwn-mvdn,
 .e-bigger .e-de-ff-drpdwn-mvup {
   width: 46px !important;
@@ -1685,7 +1703,13 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 38px;
 }
 .e-bigger .e-de-toc-dlg-container {
-  width: 525px;
+  width: 640px;
+}
+.e-bigger .e-de-toc-styles-table-div {
+  height: 195px;
+}
+.e-bigger .e-de-toc-table-div {
+  height: 127px;
 }
 .e-bigger .e-de-toc-list-view {
   height: 204px;
@@ -1726,9 +1750,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 .e-bigger .e-de-list-ddl-subheader,
 .e-bigger .e-de-cell-dia-label-common,
-.e-bigger .e-de-table-ppty-options-break {
-  margin-top: 12px;
-}
 .e-bigger .e-de-page-setup-dlg-sub-container-port {
   margin-top: 42px;
 }
@@ -2285,7 +2306,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-search-tab-content {
-  margin-right: 12px;
   margin-top: 12px;
   width: 275px;
 }
@@ -2318,21 +2338,35 @@ label[for*=_wholeWord_e-de-rtl] {
   font-weight: 500;
 }
 
+.e-bigger .e-de-insert-spellchecker {
+  width: 600px;
+}
+
 .e-de-dlg-spellcheck-listview {
   height: 122px !important;
+  margin-right: 12px;
   margin-top: 8px;
   position: relative;
   float: left;
-  width: 343px !important;
+  width: 100%;
+}
+
+.e-de-dlg-spellcheck-listview.e-de-rtl {
+  float: right;
 }
 
 .e-de-spellcheck-error-container {
   height: 140px;
   margin-bottom: 16px;
+  display: -ms-flexbox;
+  display: flex;
 }
 
 .e-de-spellcheck-suggestion-container {
   height: 140px;
+  margin-bottom: 16px;
+  display: -ms-flexbox;
+  display: flex;
 }
 
 .e-dlg-spellcheck-listitem {
@@ -2342,13 +2376,17 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-spellcheck-btncontainer {
   margin-top: 8px;
   position: relative;
-  width: 154px;
+  width: 100%;
   float: right;
 }
 
+.e-de-spellcheck-btncontainer.e-de-rtl {
+  float: left;
+}
+
 .e-de-spellcheck-btn {
   margin-bottom: 8px;
-  width: 154px;
+  width: 100%;
 }
 
 .e-de-dlg-spellchecker-subheader {
@@ -2376,7 +2414,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-table-border-shading-dlg {
-  height: 438px;
   width: 460px;
 }
 
@@ -2533,7 +2570,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-table-border-bottomcenter-alignment,
 .e-de-table-border-bottomright-alignment {
   left: 48%;
-  position: absolute;
+  position: relative;
   top: 59%;
   transform: translate(-50%, -50%);
 }
@@ -2657,8 +2694,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-op-replace-messagediv {
   color: #fff;
-  position: absolute;
-  top: 144px;
+  top: auto;
 }
 
 .e-de-font-content-label .e-label,
@@ -2727,16 +2763,6 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 12px;
 }
 
-.e-de-table-ppty-dlg-left-indent-container {
-  bottom: 8px;
-  left: 46px;
-  position: relative;
-}
-
-.e-de-table-ppty-dlg-left-indent-container.e-de-rtl {
-  right: 46px;
-}
-
 .e-de-table-ppty-dlg-row-height-label {
   float: right;
   margin-right: 184px;
@@ -2842,10 +2868,6 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 38px;
 }
 
-.e-de-toc-dlg-build-table {
-  margin-top: 16px;
-}
-
 .e-de-toc-table-div .e-de-toc-dlg-toc-level {
   height: 24px;
   margin-left: 36px;
@@ -2855,8 +2877,9 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-toc-styles-table-div {
   border: 1px solid #6b7280;
   border-radius: 3px;
-  margin-top: 15px;
-  width: 213px;
+  margin-top: 10px;
+  width: 100%;
+  height: 183px;
 }
 
 .e-de-toc-dlg-sub-level-heading {
@@ -2866,7 +2889,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-toc-table-div {
   height: 143px;
   overflow-y: scroll;
-  width: 211px;
+  width: 100%;
 }
 
 .e-de-toc-dlg-style-input {
@@ -3013,15 +3036,6 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
 }
 
-.e-de-table-border-fill.e-de-rtl {
-  margin-left: 15px;
-}
-
-.e-de-table-border-fill:not(.e-de-rtl) {
-  margin-right: 15px;
-  margin-top: 5px;
-}
-
 .e-de-table-ppty-dlg-tabs {
   height: 280px;
   position: relative;
@@ -3057,7 +3071,6 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-tbl-rtl-btn-div {
   font-size: 12px;
   margin-right: 14px;
-  width: 140px;
 }
 
 .e-de-tbl-rtl-btn-div.e-de-rtl {
@@ -3067,7 +3080,6 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-tbl-ltr-btn-div {
   font-size: 12px;
-  width: 140px;
 }
 
 .e-de-disabledbutton {
@@ -3099,11 +3111,11 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 90px;
 }
 .e-bigger .e-de-toc-label {
-  margin-left: 0;
+  margin-left: 0px;
 }
 .e-bigger .e-de-toc-label-rtl {
   margin-left: 0px;
-  margin-right: 0;
+  margin-right: 0px;
 }
 .e-bigger .e-de-outline-rtl {
   width: 173px;
@@ -3386,34 +3398,26 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-btn.e-outline.e-de-track-accept-button {
-  border-color: #4d841e;
-  background-color: transparent;
-  color: #4d841e;
+  min-width: 66px;
   padding: 5px 4px;
   text-transform: initial;
 }
 
 .e-btn.e-outline.e-de-track-accept-button:hover {
-  border-color: transparent;
-  background-color: #22c55e;
-  color: #fff;
+  min-width: 66px;
   padding: 5px 4px;
   text-transform: initial;
 }
 
 .e-btn.e-outline.e-de-track-reject-button {
-  border-color: #f87171;
-  background-color: transparent;
-  color: #f87171;
+  min-width: 64px;
   padding: 5px 6px;
   margin-left: 8px;
   text-transform: initial;
 }
 
 .e-btn.e-outline.e-de-track-reject-button:hover {
-  border-color: transparent;
-  background-color: #f87171;
-  color: #fff;
+  min-width: 64px;
   padding: 5px 6px;
   margin-left: 8px;
   text-transform: initial;
@@ -3477,13 +3481,13 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-track-chng-table {
   border-collapse: collapse;
   border-spacing: 0px;
-  height: 20px;
   opacity: 70%;
   width: 100%;
 }
 
 .e-de-tc-tble-cell {
   border: 1px solid;
+  height: 20px;
 }
 
 .e-de-tc-shrink-img {
@@ -3617,7 +3621,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-lock-mark {
   cursor: default;
-  color: #000;
+  color: #d1d5db;
   font-size: 13px;
   height: 13px;
   pointer-events: all;
@@ -3626,7 +3630,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cmt-mark {
   cursor: default;
-  color: #000;
+  color: #d1d5db;
   font-size: 13px;
   height: 13px;
   pointer-events: all;
@@ -3773,6 +3777,65 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-top: 3px;
 }
 
+.e-de-table-dialog-row-height {
+  padding-top: 24px;
+}
+
+.e-de-tablecell-dialog-alignment-icon {
+  width: 54px;
+  height: 54px;
+  margin: 2px;
+}
+
+.e-de-table-dia-indent-from-left {
+  right: 45px;
+}
+
+.e-de-table-dia-align-div {
+  border: 1px solid #6b7280;
+  display: inline-block;
+  height: 52px;
+  margin-right: 11px;
+  width: 52px;
+}
+
+.e-de-table-dialog-alignment-icon {
+  margin: 2px;
+  height: 46px;
+}
+
+.e-de-table-border-setting-genral {
+  margin-right: 11px;
+}
+
+.e-de-table-border-clr-left-container {
+  padding-right: 19px;
+}
+
+.e-de-table-border-clr-heading {
+  font-size: 12px;
+  font-weight: 500;
+  padding-bottom: 4px;
+}
+
+.e-de-table-border-icon-container {
+  margin-top: 4px;
+  margin-right: 4px;
+}
+
+.e-de-table-border-preview-container {
+  padding-left: 72px;
+}
+
+.e-de-table-dlg-alignment-heading {
+  color: #9ca3af;
+  display: block;
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 2px;
+  line-height: 22px;
+}
+
 .e-rtl .e-de-cmt-author-name {
   padding-left: 0%;
   padding-right: 12px;
@@ -3782,6 +3845,37 @@ label[for*=_wholeWord_e-de-rtl] {
   padding-bottom: 7px;
   padding-right: 9px;
 }
+.e-rtl .e-de-ok-button {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.e-rtl .e-de-table-dia-align-div.e-de-rtl {
+  margin-left: 11px;
+  margin-right: 0;
+}
+.e-rtl .e-de-table-border-clr-left-container {
+  padding-right: 0;
+  padding-left: 19px;
+}
+.e-rtl .e-de-table-border-preview-container {
+  padding-right: 72px;
+  padding-left: 0;
+}
+.e-rtl .e-de-table-border-setting-genral {
+  margin-right: 0;
+  margin-left: 11px;
+}
+.e-rtl .e-de-table-border-icon-container {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.e-rtl .e-de-table-border-preview {
+  width: 23px;
+}
+.e-rtl .e-de-table-setting-labels-heading {
+  margin-left: 0;
+  margin-right: 10px;
+}
 
 .e-bigger .e-de-cmt-author-name {
   padding-left: 16px;
@@ -4118,6 +4212,10 @@ label[for*=_wholeWord_e-de-rtl] {
   content: "\e77e";
 }
 
+.e-de-ctnr-borders::before {
+  content: "\e893";
+}
+
 .e-de-ctnr-decreaseindent::before {
   content: "\e72a";
 }
@@ -5060,7 +5158,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #ccc;
+  border-bottom: 1px solid #d1d5db;
   margin-left: 5px;
   width: 100%;
 }
@@ -5077,7 +5175,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu div span {
-  color: #aaa;
   display: inline-block;
   vertical-align: middle;
 }
@@ -5204,7 +5301,6 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-toc-template1 {
-  background: #fff;
   border: 1px solid #4b5563;
   color: #9ca3af;
   height: 129px;