@syncfusion/ej2-fabric-theme 34.2.5 → 34.2.7

package/styles/document-editor-container/_layout.scss

@@ -15,7 +15,10 @@
   .e-documenteditorcontainer {
     display: block;
   }
-
+  .e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
+    width: 100% !important; /* stylelint-disable-line declaration-no-important */
+    height: 40px !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: $e-de-text-wrap-height;
     @if $skin-name == 'tailwind' {

package/styles/document-editor-container/document-editor-container-lite.css

@@ -546,6 +546,10 @@
 .e-documenteditorcontainer {
   display: block;
 }
+.e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+  height: 40px !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
   height: 0;
   line-height: 0;

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

@@ -546,6 +546,10 @@
 .e-documenteditorcontainer {
   display: block;
 }
+.e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+  height: 40px !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
   height: 0;
   line-height: 0;

package/styles/file-manager/_theme.scss

@@ -105,40 +105,33 @@
           color: $fe-bc-hover-font-color;
         }
 
-        &:last-child {
-          .e-list-text {
-            color: $fe-bc-color;
-          }
-        }
-
-        &:not(:last-child) {
-          .e-list-text {
-            @if ($fm-skin-name == 'bootstrap5.3') {
-              &:hover {
-                background-color: $content-bg-color-hover;
-                color: $primary-bg-color-hover;
-                text-decoration: underline $primary-bg-color-hover;
-              }
-              &:active {
-                color: $primary-bg-color-hover;
-                border: 1px solid $primary-bg-color-hover;
-                text-decoration: underline $primary-bg-color-hover;
-              }
+        .e-list-text {
+          @if ($fm-skin-name == 'bootstrap5.3') {
+            &:hover {
+              background-color: $content-bg-color-hover;
+              color: $primary-bg-color-hover;
+              text-decoration: underline $primary-bg-color-hover;
             }
-            @else {
-              &:hover,
-              &:active,
-              &:focus {
-                @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' {
-                  background: $fe-bc-hover-bg-color;
-                }
-                color: $fe-bc-hover-font-color;
-              }
+            &:active,
+            &:focus {
+              color: $primary-bg-color-hover;
+              border: 1px solid $primary-bg-color-hover;
+              text-decoration: underline $primary-bg-color-hover;
             }
-            @if $fm-skin-name == 'fluent2' {
-              &:active {
-                background: $fe-bc-active-bg-color;
+          }
+          @else {
+            &:hover,
+            &:active,
+            &:focus {
+              @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' {
+                background: $fe-bc-hover-bg-color;
               }
+              color: $fe-bc-hover-font-color;
+            }
+          }
+          @if $fm-skin-name == 'fluent2' {
+            &:active {
+              background: $fe-bc-active-bg-color;
             }
           }
         }

package/styles/file-manager/file-manager-lite.css

@@ -918,10 +918,7 @@ ejs-filemanager {
   background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
-.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
-  color: #666;
-}
-.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
+.e-filemanager .e-address .e-address-list-item .e-list-text:hover, .e-filemanager .e-address .e-address-list-item .e-list-text:active, .e-filemanager .e-address .e-address-list-item .e-list-text:focus {
   background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }

package/styles/file-manager/file-manager.css

@@ -918,10 +918,7 @@ ejs-filemanager {
   background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
-.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
-  color: #666;
-}
-.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
+.e-filemanager .e-address .e-address-list-item .e-list-text:hover, .e-filemanager .e-address .e-address-list-item .e-list-text:active, .e-filemanager .e-address .e-address-list-item .e-list-text:focus {
   background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }

package/styles/grid/_theme.scss

@@ -432,6 +432,7 @@
       tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover {
         td.e-active.e-rowcell:not(.e-updatedtd),
         td.e-rowdragdropcell.e-active:not(.e-updatedtd),
+        td.e-pindentcell.e-active:not(.e-updatedtd),
         td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
         td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover {
           background: $grid-row-selection-hover-bg-color;
@@ -447,7 +448,8 @@
     &.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
     &.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell,
-    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-pindentcell {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
         @if $grid-skin == 'bootstrap5.3' {
           background: $grid-hover-bg-color;

package/styles/grid/grid-lite.css

@@ -3658,14 +3658,16 @@
 }
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
+.e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover, .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
+.e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover {
   background: rgb(183.4, 223.5495327103, 255);
 }
-.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-pindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f4f4f4;
   color: #333;
 }

package/styles/grid/grid.css

@@ -3658,14 +3658,16 @@
 }
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
+.e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
 .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover, .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
+.e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
 .e-grid.e-gridhover:not(.e-rowdrag) tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover {
   background: rgb(183.4, 223.5495327103, 255);
 }
-.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-pindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f4f4f4;
   color: #333;
 }