@syncfusion/ej2-angular-documenteditor 20.4.54 → 21.1.35

package/styles/document-editor-container/_fluent-definition.scss

@@ -18,6 +18,11 @@ $de-spellcheck-tlbr-height: 34px !default;
 $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 395px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 460px) !default;
+$e-de-ctnr-break-listview-margin-right: 16px !default;
+$e-de-ctnr-break-listview-margin-right-big: 20px !default;
+$e-de-ctnr-break-listview-margin-left: 16px !default;
+$e-de-ctnr-break-listview-margin-left-big: 20px !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -61,7 +66,7 @@ $de-left-btn-width-big: 47px;
 $de-right-btn-width: 75px * .5;
 $de-right-btn-width-big: 47px;
 $de-border-btn-width-big: 47px;
-$de-right-font-size-width-big: 92px;
+$de-right-font-size-width-big: $text-8xl;
 $de-img-span-top-big: 12px;
 $de-bullet-icon-font-size: $text-xs;
 $de-bullet-icon-line-height: 0;
@@ -86,8 +91,8 @@ $e-de-status-bar-big-padding-top: 5px;
 $e-de-review-pane-width: 440px;
 $e-de-ctnr-linespacing-tick-icon: 8px;
 $de-toolbar-font-size: $text-sm;
-$de-toolbar-padding-bottom: 14px;
-$de-toolbar-padding-bottom-bg: 14px;
+$de-toolbar-padding-bottom: 8px;
+$de-toolbar-padding-bottom-bg: 8px;
 $de-header-font-weight: $font-weight-medium;
 $de-prop-sub-label-mrgn-btm: 4px;
 $de-hdr-ftr-frst-div-mrgn-btm: 12px;
@@ -99,10 +104,10 @@ $de-status-br-left: 0 !default;
 $de-status-br-top: 6px !default;
 $e-de-btn-font-size: $text-sm;
 $e-de-btn-font-icon-size: 16px;
-$e-de-btn-font-size-big: 16px;
+$e-de-btn-font-size-big: $text-base;
 $e-de-btn-font-icon-size-big: 18px;
-$e-de-bzr-btn-font-size: 18px;
-$e-de-bzr-btn-font-size-big: 18px;
+$e-de-bzr-btn-font-size: $text-lg;
+$e-de-bzr-btn-font-size-big: $text-lg;
 $e-de-bzr-button-hover-border-radius: 4px;
 $e-de-bzr-button-hover-border: none;
 $de-clr-pckr-width: 39px;

package/styles/document-editor-container/_fusionnew-definition.scss

@@ -18,6 +18,11 @@ $de-spellcheck-tlbr-height: 34px !default;
 $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 360px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
+$e-de-ctnr-break-listview-margin-right: 12px !default;
+$e-de-ctnr-break-listview-margin-right-big: 16px !default;
+$e-de-ctnr-break-listview-margin-left: 12px !default;
+$e-de-ctnr-break-listview-margin-left-big: 16px !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -85,8 +90,8 @@ $e-de-status-bar-big-padding-top: 5px;
 $e-de-review-pane-width: 440px;
 $e-de-ctnr-linespacing-tick-icon: 8px;
 $de-toolbar-font-size: $text-sm;
-$de-toolbar-padding-bottom: 14px;
-$de-toolbar-padding-bottom-bg: 14px;
+$de-toolbar-padding-bottom: 10px;
+$de-toolbar-padding-bottom-bg: 10px;
 $de-header-font-weight: $font-weight-medium;
 $de-prop-sub-label-mrgn-btm: 4px;
 $de-hdr-ftr-frst-div-mrgn-btm: 12px;

package/styles/document-editor-container/_highcontrast-definition.scss

@@ -23,6 +23,11 @@ $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 410px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 435px) !default;
 $e-de-statusbar-separator-color: #dadada;
+$e-de-ctnr-break-listview-margin-right: 12px !default;
+$e-de-ctnr-break-listview-margin-right-big: 16px !default;
+$e-de-ctnr-break-listview-margin-left: 12px !default;
+$e-de-ctnr-break-listview-margin-left-big: 16px !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 118px) !default;
@@ -111,8 +116,8 @@ $de-prop-pane-margin: 14px;
 $de-table-prop-border-margin: 14px;
 $de-clr-pckr-width: 30.8px;
 $de-toolbar-font-size: 12px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
+$de-toolbar-padding-bottom: 5px;
+$de-toolbar-padding-bottom-bg: 5px;
 $de-header-font-weight: normal;
 $de-list-thmbnail-border-clr: #e4e4e4;
 $de-prop-sub-label-mrgn-btm: 8px;

package/styles/document-editor-container/_highcontrast-light-definition.scss

@@ -23,6 +23,11 @@ $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 362px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 395px) !default;
 $e-de-statusbar-separator-color: #dadada;
+$e-de-ctnr-break-listview-margin-right: 12px !default;
+$e-de-ctnr-break-listview-margin-right-big: 16px !default;
+$e-de-ctnr-break-listview-margin-left: 12px !default;
+$e-de-ctnr-break-listview-margin-left-big: 16px !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 113px) !default;
@@ -100,8 +105,8 @@ $de-prop-pane-margin: 14px;
 $de-table-prop-border-margin: 14px;
 $de-clr-pckr-width: 30.8px;
 $de-toolbar-font-size: 12px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
+$de-toolbar-padding-bottom: 5px;
+$de-toolbar-padding-bottom-bg: 5px;
 $de-header-font-weight: normal;
 $de-list-thmbnail-border-clr: #e4e4e4;
 $de-prop-sub-label-mrgn-btm: 8px;

package/styles/document-editor-container/_material-dark-definition.scss

@@ -21,6 +21,11 @@ $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 380px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
 $e-de-statusbar-separator-color: #626161;
+$e-de-ctnr-break-listview-margin-right: 12px !default;
+$e-de-ctnr-break-listview-margin-right-big: $e-de-ctnr-break-listview-margin-right !default;
+$e-de-ctnr-break-listview-margin-left: 12px !default;
+$e-de-ctnr-break-listview-margin-left-big: $e-de-ctnr-break-listview-margin-left !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -100,8 +105,8 @@ $de-prop-div-padding-bottom: 11.5px;
 $de-prop-pane-margin: 14px;
 $de-table-prop-border-margin: 14px;
 $de-clr-pckr-width: 30.8px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
+$de-toolbar-padding-bottom: 5px;
+$de-toolbar-padding-bottom-bg: 5px;
 $de-toolbar-font-size: 12px;
 $de-header-font-weight: normal;
 $de-list-thmbnail-border-clr: #e4e4e4;

package/styles/document-editor-container/_material-definition.scss

@@ -21,6 +21,11 @@ $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 380px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
 $e-de-statusbar-separator-color: #ebebeb;
+$e-de-ctnr-break-listview-margin-right: 12px !default;
+$e-de-ctnr-break-listview-margin-right-big: $e-de-ctnr-break-listview-margin-right !default;
+$e-de-ctnr-break-listview-margin-left: 12px !default;
+$e-de-ctnr-break-listview-margin-left-big: $e-de-ctnr-break-listview-margin-left !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -101,8 +106,8 @@ $de-prop-pane-margin: 14px;
 $de-table-prop-border-margin: 14px;
 $de-clr-pckr-width: 30.8px;
 $de-toolbar-font-size: 12px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
+$de-toolbar-padding-bottom: 5px;
+$de-toolbar-padding-bottom-bg: 5px;
 $de-header-font-weight: normal;
 $de-list-thmbnail-border-clr: #e4e4e4;
 $de-prop-sub-label-mrgn-btm: 8px;

package/styles/document-editor-container/_tailwind-definition.scss

@@ -18,6 +18,11 @@ $de-spellcheck-tlbr-height: 34px !default;
 $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 400px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 460px) !default;
+$e-de-ctnr-break-listview-margin-right: 10px !default;
+$e-de-ctnr-break-listview-margin-right-big: 16px !default;
+$e-de-ctnr-break-listview-margin-left: 10px !default;
+$e-de-ctnr-break-listview-margin-left-big: 16px !default;
+$de-tlbr-btn-height: calc(100% - 10px) !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -58,7 +63,7 @@ $de-btn-icon-margin: -3px !default;
 $de-left-btn-width: 38.75px;
 $de-left-btn-width-big: 43px;
 $de-right-btn-width-big: $de-left-btn-width-big;
-$de-right-font-size-width-big: 86px;
+$de-right-font-size-width-big: $text-8xl;
 $de-right-btn-width: 75px * .5;
 $de-border-btn-width-big: 42px;
 $de-img-span-top-big: 14px;
@@ -84,15 +89,15 @@ $e-de-status-bar-padding-top: 0;
 $e-de-status-bar-big-padding-top: 6px;
 $e-de-review-pane-width: 440px;
 $e-de-ctnr-linespacing-tick-icon: 8px;
-$e-de-btn-font-size: 14px;
+$e-de-btn-font-size: $text-sm;
 $e-de-btn-font-icon-size: 16px;
-$e-de-btn-font-size-big: 16px;
+$e-de-btn-font-size-big: $text-base;
 $e-de-btn-font-icon-size-big: 18px;
-$e-de-bzr-btn-font-size: 18px;
-$e-de-bzr-btn-font-size-big: 18px;
+$e-de-bzr-btn-font-size: $text-lg;
+$e-de-bzr-btn-font-size-big: $text-lg;
 $de-toolbar-font-size: $text-sm;
-$de-toolbar-padding-bottom: 14px;
-$de-toolbar-padding-bottom-bg: 14px;
+$de-toolbar-padding-bottom: 10px;
+$de-toolbar-padding-bottom-bg: 10px;
 $de-header-font-weight: $font-weight-medium;
 $de-prop-sub-label-mrgn-btm: 4px;
 $de-hdr-ftr-frst-div-mrgn-btm: 12px;