@syncfusion/ej2-vue-documenteditor 20.4.54 → 21.1.36

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

@@ -402,6 +402,21 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-style-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
+.e-de-e-character-style-mark::before {
+  content: "\e97d";
+  font-family: "e-icons";
+}
+
+.e-de-e-linked-style-mark::before {
+  content: "\e97e";
+  font-family: "e-icons";
+}
+
 .e-de-ctnr-columns::before {
   content: "\e955";
   font-family: "e-icons";
@@ -534,8 +549,48 @@
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 28px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
+  box-shadow: none;
+}
+
+.e-de-ctnr-group-btn-middle button {
+  border-radius: 0px;
+}
+
+.de-tbl-fill-clr .e-dropdown-btn.e-btn {
+  box-shadow: none;
+}
+
+.e-de-prop-pane .e-de-ctnr-group-btn button,
+.e-de-ctn .e-de-status-bar button {
+  box-shadow: none;
+  height: 28px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:focus,
+.e-de-ctn .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:active,
+.e-de-ctn .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:hover,
+.e-de-ctn .e-de-status-bar button:hover {
+  box-shadow: none;
+}
+
 .e-de-statusbar-pageweb {
-  background-color: #303030;
+  background: #303030;
   border: 0;
   box-shadow: none;
   float: right;
@@ -564,12 +619,25 @@
   font-size: 16px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-right: 12px;
+}
+
 .e-de-linespacing {
   margin-top: 11px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #303030;
+  background: #303030;
   border: 0;
   color: #fff;
   float: right;
@@ -632,14 +700,22 @@
 .e-de-statusbar-separator {
   border-left: 1px solid #626161;
   height: 16px;
-  margin-left: 15.5;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 10px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #626161;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 10px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -652,7 +728,6 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -677,7 +752,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #303030;
+  background: #303030;
   border-bottom: 1px solid #616161;
   border-top: 1px solid #616161;
 }
@@ -776,7 +851,7 @@
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -792,20 +867,23 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -834,7 +912,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #212121;
+  background: #212121;
   border-radius: 0;
   box-shadow: none;
   color: #3f51b5;
@@ -876,6 +954,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -898,6 +977,7 @@
 }
 
 .e-de-review-pane {
+  background: #303030;
   border-left: 1px solid #616161;
   height: 100%;
   min-height: 200px;
@@ -915,34 +995,6 @@
   width: 270px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 28px;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
-  box-shadow: none;
-}
-
-.e-de-ctnr-group-btn button {
-  box-shadow: none;
-  height: 28px;
-}
-.e-de-ctnr-group-btn button:focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:hover {
-  box-shadow: none;
-}
-
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #616161;
   padding: 12.5px;
@@ -1066,7 +1118,7 @@
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #ccc;
+  border-bottom: 1px solid #ccc !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -1135,10 +1187,10 @@
 }
 
 .e-de-list-container {
-  background: #303030;
   border: 1px solid #ccc;
   border-radius: 2px;
   box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
+  background: #303030;
   box-sizing: border-box;
   display: inline-block;
   line-height: normal;
@@ -1230,8 +1282,8 @@
   border: 1px solid #616161;
   color: #9e9e9e;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1286,7 +1338,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #303030;
+  background: #303030;
   display: -ms-flexbox;
   display: flex;
   padding-top: 2.5px;
@@ -1411,7 +1463,7 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
-  height: 38px !important;
+  height: 36px !important;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1419,8 +1471,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1432,6 +1484,18 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-left: 12px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -1488,7 +1552,7 @@
 .e-bigger .e-de-ctnr-toolbar {
   display: -ms-flexbox;
   display: flex;
-  height: 82px;
+  height: 90px;
   width: 100%;
 }
 .e-bigger .e-de-tlbr-wrapper .e-de-toolbar.e-toolbar,
@@ -1517,7 +1581,7 @@
 }
 .e-bigger .e-de-tlbr-wrapper {
   background-color: #212121;
-  height: 82px;
+  height: 90px;
   width: calc(100% - 75px);
 }
 .e-bigger .e-de-ctnr-prop-label {
@@ -1537,14 +1601,13 @@
   margin-right: 14.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items {
-  height: 82px;
+  height: 90px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1561,22 +1624,22 @@
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -1592,7 +1655,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #212121;
+  background: #212121;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -1609,18 +1672,18 @@
 }
 .e-bigger .e-de-showhide-btn {
   border: 0;
-  height: 82px;
+  height: 90px;
 }
 .e-bigger .e-de-showhide-btn-rtl {
   border: 0;
-  height: 82px;
+  height: 90px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
   padding: 0;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -1642,6 +1705,19 @@
 .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
   box-shadow: none;
 }
+.e-bigger .e-de-status-bar button {
+  height: 36px;
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:hover {
+  box-shadow: none;
+}
 .e-bigger .e-de-ctnr-group-btn button {
   box-shadow: none;
   height: 36px;
@@ -1755,18 +1831,18 @@
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #303030;
+  background: #303030;
   display: -ms-flexbox;
   display: flex;
   padding-top: 3.5px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #303030;
   border: 0;
   color: #fff;
   float: right;
   height: 34px;
+  background-color: #303030;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   line-height: 25px;
@@ -1776,6 +1852,28 @@
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+.e-bigger .e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-right: 12px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-left: 12px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;