@syncfusion/ej2-fabric-theme 34.2.6 → 34.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/package.json +2 -2
  2. package/styles/base/base.css +4 -1
  3. package/styles/compatibility/fabric.css +1 -1
  4. package/styles/document-editor-container/_layout.scss +4 -1
  5. package/styles/document-editor-container/document-editor-container-lite.css +4 -0
  6. package/styles/document-editor-container/document-editor-container.css +4 -0
  7. package/styles/grid/_theme.scss +3 -1
  8. package/styles/grid/grid-lite.css +3 -1
  9. package/styles/grid/grid.css +3 -1
  10. package/styles/icons/fabric.css +4 -1
  11. package/styles/icons/fabric.scss +2 -1
  12. package/styles/input/_layout.scss +2 -0
package/styles/document-editor-container/_layout.scss CHANGED
@@ -15,7 +15,10 @@
15
15
  .e-documenteditorcontainer {
16
16
  display: block;
17
17
  }
18
-
18
+ .e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
19
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
20
+ height: 40px !important; /* stylelint-disable-line declaration-no-important */
21
+ }
19
22
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
20
23
  height: $e-de-text-wrap-height;
21
24
  @if $skin-name == 'tailwind' {
package/styles/document-editor-container/document-editor-container-lite.css CHANGED
@@ -546,6 +546,10 @@
546
546
  .e-documenteditorcontainer {
547
547
  display: block;
548
548
  }
549
+ .e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
550
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
551
+ height: 40px !important; /* stylelint-disable-line declaration-no-important */
552
+ }
549
553
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
550
554
  height: 0;
551
555
  line-height: 0;
package/styles/document-editor-container/document-editor-container.css CHANGED
@@ -546,6 +546,10 @@
546
546
  .e-documenteditorcontainer {
547
547
  display: block;
548
548
  }
549
+ .e-popup .e-ribbon-popup-container .e-de-ribbon-style-gallery .e-ribbon-gallery-item {
550
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
551
+ height: 40px !important; /* stylelint-disable-line declaration-no-important */
552
+ }
549
553
  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
550
554
  height: 0;
551
555
  line-height: 0;
package/styles/grid/_theme.scss CHANGED
@@ -432,6 +432,7 @@
432
432
  tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover {
433
433
  td.e-active.e-rowcell:not(.e-updatedtd),
434
434
  td.e-rowdragdropcell.e-active:not(.e-updatedtd),
435
+ td.e-pindentcell.e-active:not(.e-updatedtd),
435
436
  td.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover,
436
437
  td.e-rowcell:not(.e-updatedtd):not(.e-indentcell).e-columnselection:hover {
437
438
  background: $grid-row-selection-hover-bg-color;
@@ -447,7 +448,8 @@
447
448
  &.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
448
449
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
449
450
  &.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell,
450
- &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
451
+ &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand,
452
+ &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-pindentcell {
451
453
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-columnselection):not(.e-updatedtd):not(.e-indentcell) {
452
454
  @if $grid-skin == 'bootstrap5.3' {
453
455
  background: $grid-hover-bg-color;
package/styles/grid/grid-lite.css CHANGED
@@ -3658,14 +3658,16 @@
3658
3658
  }
3659
3659
  .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
3660
3660
  .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
3661
+ .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
3661
3662
  .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,
3662
3663
  .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),
3663
3664
  .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),
3665
+ .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),
3664
3666
  .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,
3665
3667
  .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 {
3666
3668
  background: rgb(183.4, 223.5495327103, 255);
3667
3669
  }
3668
- .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) {
3670
+ .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) {
3669
3671
  background-color: #f4f4f4;
3670
3672
  color: #333;
3671
3673
  }
package/styles/grid/grid.css CHANGED
@@ -3658,14 +3658,16 @@
3658
3658
  }
3659
3659
  .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-updatedtd),
3660
3660
  .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-rowdragdropcell.e-active:not(.e-updatedtd),
3661
+ .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-pindentcell.e-active:not(.e-updatedtd),
3661
3662
  .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,
3662
3663
  .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),
3663
3664
  .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),
3665
+ .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),
3664
3666
  .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,
3665
3667
  .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 {
3666
3668
  background: rgb(183.4, 223.5495327103, 255);
3667
3669
  }
3668
- .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) {
3670
+ .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) {
3669
3671
  background-color: #f4f4f4;
3670
3672
  color: #333;
3671
3673
  }