@syncfusion/blazor-themes 23.2.4 → 23.2.5

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 (65) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +28 -7
  2. package/SCSS-Themes/bootstrap.scss +28 -7
  3. package/SCSS-Themes/bootstrap4.scss +28 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +28 -7
  5. package/SCSS-Themes/bootstrap5.scss +28 -7
  6. package/SCSS-Themes/fabric-dark.scss +28 -7
  7. package/SCSS-Themes/fabric.scss +28 -7
  8. package/SCSS-Themes/fluent-dark.scss +28 -7
  9. package/SCSS-Themes/fluent.scss +28 -7
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +14 -0
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +14 -0
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +14 -0
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +14 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +14 -0
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +14 -0
  16. package/SCSS-Themes/grids/grid/fabric.scss +14 -0
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +14 -0
  18. package/SCSS-Themes/grids/grid/fluent.scss +14 -0
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +14 -0
  20. package/SCSS-Themes/grids/grid/material-dark.scss +14 -0
  21. package/SCSS-Themes/grids/grid/material.scss +14 -0
  22. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -0
  23. package/SCSS-Themes/grids/grid/material3.scss +14 -0
  24. package/SCSS-Themes/grids/grid/tailwind-dark.scss +14 -0
  25. package/SCSS-Themes/grids/grid/tailwind.scss +14 -0
  26. package/SCSS-Themes/highcontrast.scss +28 -7
  27. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss +4 -4
  28. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap.scss +4 -4
  29. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap4.scss +4 -4
  30. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5-dark.scss +4 -4
  31. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss +4 -4
  32. package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss +4 -4
  33. package/SCSS-Themes/inplace-editor/inplace-editor/fabric.scss +4 -4
  34. package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss +4 -4
  35. package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss +4 -4
  36. package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss +4 -4
  37. package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss +4 -4
  38. package/SCSS-Themes/inplace-editor/inplace-editor/material.scss +4 -4
  39. package/SCSS-Themes/inplace-editor/inplace-editor/material3-dark.scss +4 -4
  40. package/SCSS-Themes/inplace-editor/inplace-editor/material3.scss +4 -4
  41. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss +4 -4
  42. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss +4 -4
  43. package/SCSS-Themes/material-dark.scss +28 -7
  44. package/SCSS-Themes/material.scss +28 -7
  45. package/SCSS-Themes/material3-dark.scss +28 -7
  46. package/SCSS-Themes/material3.scss +28 -7
  47. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -3
  48. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -3
  49. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -3
  50. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -3
  51. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -3
  52. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -3
  53. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -3
  54. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -3
  55. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -3
  56. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -3
  57. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -3
  58. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -3
  59. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -3
  60. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -3
  61. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -3
  62. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -3
  63. package/SCSS-Themes/tailwind-dark.scss +28 -7
  64. package/SCSS-Themes/tailwind.scss +28 -7
  65. package/package.json +1 -1
@@ -80251,6 +80251,20 @@ margin: $grid-group-animator-cell-margin;
80251
80251
  }
80252
80252
  }
80253
80253
 
80254
+ .e-bigger {
80255
+ &.e-grid.sf-grid.e-row-responsive,
80256
+ .e-grid.sf-grid.e-row-responsive {
80257
+ & .e-gridcontent,
80258
+ & .e-summarycontent {
80259
+ & td::before{
80260
+ @if $grid-skin == 'fluent' {
80261
+ overflow: hidden;
80262
+ }
80263
+ }
80264
+ }
80265
+ }
80266
+ }
80267
+
80254
80268
  .e-bigger .e-grid.e-row-responsive,
80255
80269
  .e-bigger.e-grid.e-row-responsive {
80256
80270
 
@@ -94122,12 +94136,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
94122
94136
  position: relative;
94123
94137
  width: auto;
94124
94138
 
94125
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94139
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94126
94140
  display: block;
94127
94141
  visibility: hidden;
94128
94142
  }
94129
94143
 
94130
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94144
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94131
94145
  display: block;
94132
94146
  visibility: hidden;
94133
94147
  }
@@ -94539,8 +94553,8 @@ $editor-btn-icon-color: $grey-dark-font !default;
94539
94553
  &.e-tooltip-wrap {
94540
94554
  max-width: 100%;
94541
94555
 
94542
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94543
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94556
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94557
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94544
94558
  display: block;
94545
94559
  visibility: hidden;
94546
94560
  }
@@ -121679,6 +121693,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
121679
121693
  &:focus {
121680
121694
  outline: none;
121681
121695
  }
121696
+
121697
+ &.e-hidden {
121698
+ display: none;
121699
+ }
121682
121700
  }
121683
121701
 
121684
121702
  .e-ribbon-overall-of-btn {
@@ -121750,7 +121768,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
121750
121768
  padding-top: $ribbon-group-padding;
121751
121769
  height: $ribbon-group-height;
121752
121770
 
121753
- &.e-hidden {
121771
+ &.e-hidden,
121772
+ &.e-hide-group {
121754
121773
  display: none;
121755
121774
  }
121756
121775
 
@@ -122292,7 +122311,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
122292
122311
 
122293
122312
  .e-ribbon-overflow-target {
122294
122313
 
122295
- &.e-hidden {
122314
+ &.e-hidden,
122315
+ &.e-hide-group {
122296
122316
  display: none;
122297
122317
  }
122298
122318
 
@@ -122301,7 +122321,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
122301
122321
  }
122302
122322
 
122303
122323
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122304
- &.e-hidden {
122324
+ &.e-hidden,
122325
+ &.e-hide-group {
122305
122326
  display: none;
122306
122327
  }
122307
122328
 
@@ -79960,6 +79960,20 @@ margin: $grid-group-animator-cell-margin;
79960
79960
  }
79961
79961
  }
79962
79962
 
79963
+ .e-bigger {
79964
+ &.e-grid.sf-grid.e-row-responsive,
79965
+ .e-grid.sf-grid.e-row-responsive {
79966
+ & .e-gridcontent,
79967
+ & .e-summarycontent {
79968
+ & td::before{
79969
+ @if $grid-skin == 'fluent' {
79970
+ overflow: hidden;
79971
+ }
79972
+ }
79973
+ }
79974
+ }
79975
+ }
79976
+
79963
79977
  .e-bigger .e-grid.e-row-responsive,
79964
79978
  .e-bigger.e-grid.e-row-responsive {
79965
79979
 
@@ -93884,12 +93898,12 @@ $editor-btn-icon-color: $grey-light-font !default;
93884
93898
  position: relative;
93885
93899
  width: auto;
93886
93900
 
93887
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93901
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93888
93902
  display: block;
93889
93903
  visibility: hidden;
93890
93904
  }
93891
93905
 
93892
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
93906
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
93893
93907
  display: block;
93894
93908
  visibility: hidden;
93895
93909
  }
@@ -94301,8 +94315,8 @@ $editor-btn-icon-color: $grey-light-font !default;
94301
94315
  &.e-tooltip-wrap {
94302
94316
  max-width: 100%;
94303
94317
 
94304
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94305
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94318
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94319
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94306
94320
  display: block;
94307
94321
  visibility: hidden;
94308
94322
  }
@@ -121420,6 +121434,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121420
121434
  &:focus {
121421
121435
  outline: none;
121422
121436
  }
121437
+
121438
+ &.e-hidden {
121439
+ display: none;
121440
+ }
121423
121441
  }
121424
121442
 
121425
121443
  .e-ribbon-overall-of-btn {
@@ -121491,7 +121509,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121491
121509
  padding-top: $ribbon-group-padding;
121492
121510
  height: $ribbon-group-height;
121493
121511
 
121494
- &.e-hidden {
121512
+ &.e-hidden,
121513
+ &.e-hide-group {
121495
121514
  display: none;
121496
121515
  }
121497
121516
 
@@ -122033,7 +122052,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122033
122052
 
122034
122053
  .e-ribbon-overflow-target {
122035
122054
 
122036
- &.e-hidden {
122055
+ &.e-hidden,
122056
+ &.e-hide-group {
122037
122057
  display: none;
122038
122058
  }
122039
122059
 
@@ -122042,7 +122062,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122042
122062
  }
122043
122063
 
122044
122064
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122045
- &.e-hidden {
122065
+ &.e-hidden,
122066
+ &.e-hide-group {
122046
122067
  display: none;
122047
122068
  }
122048
122069
 
@@ -80148,6 +80148,20 @@ margin: $grid-group-animator-cell-margin;
80148
80148
  }
80149
80149
  }
80150
80150
 
80151
+ .e-bigger {
80152
+ &.e-grid.sf-grid.e-row-responsive,
80153
+ .e-grid.sf-grid.e-row-responsive {
80154
+ & .e-gridcontent,
80155
+ & .e-summarycontent {
80156
+ & td::before{
80157
+ @if $grid-skin == 'fluent' {
80158
+ overflow: hidden;
80159
+ }
80160
+ }
80161
+ }
80162
+ }
80163
+ }
80164
+
80151
80165
  .e-bigger .e-grid.e-row-responsive,
80152
80166
  .e-bigger.e-grid.e-row-responsive {
80153
80167
 
@@ -94200,12 +94214,12 @@ $editor-btn-icon-color: $gray-700 !default;
94200
94214
  position: relative;
94201
94215
  width: auto;
94202
94216
 
94203
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94217
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94204
94218
  display: block;
94205
94219
  visibility: hidden;
94206
94220
  }
94207
94221
 
94208
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94222
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94209
94223
  display: block;
94210
94224
  visibility: hidden;
94211
94225
  }
@@ -94617,8 +94631,8 @@ $editor-btn-icon-color: $gray-700 !default;
94617
94631
  &.e-tooltip-wrap {
94618
94632
  max-width: 100%;
94619
94633
 
94620
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94621
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94634
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94635
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94622
94636
  display: block;
94623
94637
  visibility: hidden;
94624
94638
  }
@@ -121799,6 +121813,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121799
121813
  &:focus {
121800
121814
  outline: none;
121801
121815
  }
121816
+
121817
+ &.e-hidden {
121818
+ display: none;
121819
+ }
121802
121820
  }
121803
121821
 
121804
121822
  .e-ribbon-overall-of-btn {
@@ -121870,7 +121888,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121870
121888
  padding-top: $ribbon-group-padding;
121871
121889
  height: $ribbon-group-height;
121872
121890
 
121873
- &.e-hidden {
121891
+ &.e-hidden,
121892
+ &.e-hide-group {
121874
121893
  display: none;
121875
121894
  }
121876
121895
 
@@ -122412,7 +122431,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122412
122431
 
122413
122432
  .e-ribbon-overflow-target {
122414
122433
 
122415
- &.e-hidden {
122434
+ &.e-hidden,
122435
+ &.e-hide-group {
122416
122436
  display: none;
122417
122437
  }
122418
122438
 
@@ -122421,7 +122441,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122421
122441
  }
122422
122442
 
122423
122443
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122424
- &.e-hidden {
122444
+ &.e-hidden,
122445
+ &.e-hide-group {
122425
122446
  display: none;
122426
122447
  }
122427
122448
 
@@ -80512,6 +80512,20 @@ margin: $grid-group-animator-cell-margin;
80512
80512
  }
80513
80513
  }
80514
80514
 
80515
+ .e-bigger {
80516
+ &.e-grid.sf-grid.e-row-responsive,
80517
+ .e-grid.sf-grid.e-row-responsive {
80518
+ & .e-gridcontent,
80519
+ & .e-summarycontent {
80520
+ & td::before{
80521
+ @if $grid-skin == 'fluent' {
80522
+ overflow: hidden;
80523
+ }
80524
+ }
80525
+ }
80526
+ }
80527
+ }
80528
+
80515
80529
  .e-bigger .e-grid.e-row-responsive,
80516
80530
  .e-bigger.e-grid.e-row-responsive {
80517
80531
 
@@ -94373,12 +94387,12 @@ $editor-btn-icon-color: $icon-color !default;
94373
94387
  position: relative;
94374
94388
  width: auto;
94375
94389
 
94376
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94390
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94377
94391
  display: block;
94378
94392
  visibility: hidden;
94379
94393
  }
94380
94394
 
94381
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94395
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94382
94396
  display: block;
94383
94397
  visibility: hidden;
94384
94398
  }
@@ -94790,8 +94804,8 @@ $editor-btn-icon-color: $icon-color !default;
94790
94804
  &.e-tooltip-wrap {
94791
94805
  max-width: 100%;
94792
94806
 
94793
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94794
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94807
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94808
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94795
94809
  display: block;
94796
94810
  visibility: hidden;
94797
94811
  }
@@ -121956,6 +121970,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121956
121970
  &:focus {
121957
121971
  outline: none;
121958
121972
  }
121973
+
121974
+ &.e-hidden {
121975
+ display: none;
121976
+ }
121959
121977
  }
121960
121978
 
121961
121979
  .e-ribbon-overall-of-btn {
@@ -122027,7 +122045,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122027
122045
  padding-top: $ribbon-group-padding;
122028
122046
  height: $ribbon-group-height;
122029
122047
 
122030
- &.e-hidden {
122048
+ &.e-hidden,
122049
+ &.e-hide-group {
122031
122050
  display: none;
122032
122051
  }
122033
122052
 
@@ -122569,7 +122588,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122569
122588
 
122570
122589
  .e-ribbon-overflow-target {
122571
122590
 
122572
- &.e-hidden {
122591
+ &.e-hidden,
122592
+ &.e-hide-group {
122573
122593
  display: none;
122574
122594
  }
122575
122595
 
@@ -122578,7 +122598,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122578
122598
  }
122579
122599
 
122580
122600
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122581
- &.e-hidden {
122601
+ &.e-hidden,
122602
+ &.e-hide-group {
122582
122603
  display: none;
122583
122604
  }
122584
122605
 
@@ -80512,6 +80512,20 @@ margin: $grid-group-animator-cell-margin;
80512
80512
  }
80513
80513
  }
80514
80514
 
80515
+ .e-bigger {
80516
+ &.e-grid.sf-grid.e-row-responsive,
80517
+ .e-grid.sf-grid.e-row-responsive {
80518
+ & .e-gridcontent,
80519
+ & .e-summarycontent {
80520
+ & td::before{
80521
+ @if $grid-skin == 'fluent' {
80522
+ overflow: hidden;
80523
+ }
80524
+ }
80525
+ }
80526
+ }
80527
+ }
80528
+
80515
80529
  .e-bigger .e-grid.e-row-responsive,
80516
80530
  .e-bigger.e-grid.e-row-responsive {
80517
80531
 
@@ -94373,12 +94387,12 @@ $editor-btn-icon-color: $icon-color !default;
94373
94387
  position: relative;
94374
94388
  width: auto;
94375
94389
 
94376
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94390
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94377
94391
  display: block;
94378
94392
  visibility: hidden;
94379
94393
  }
94380
94394
 
94381
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94395
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94382
94396
  display: block;
94383
94397
  visibility: hidden;
94384
94398
  }
@@ -94790,8 +94804,8 @@ $editor-btn-icon-color: $icon-color !default;
94790
94804
  &.e-tooltip-wrap {
94791
94805
  max-width: 100%;
94792
94806
 
94793
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94794
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94807
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94808
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94795
94809
  display: block;
94796
94810
  visibility: hidden;
94797
94811
  }
@@ -121956,6 +121970,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121956
121970
  &:focus {
121957
121971
  outline: none;
121958
121972
  }
121973
+
121974
+ &.e-hidden {
121975
+ display: none;
121976
+ }
121959
121977
  }
121960
121978
 
121961
121979
  .e-ribbon-overall-of-btn {
@@ -122027,7 +122045,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122027
122045
  padding-top: $ribbon-group-padding;
122028
122046
  height: $ribbon-group-height;
122029
122047
 
122030
- &.e-hidden {
122048
+ &.e-hidden,
122049
+ &.e-hide-group {
122031
122050
  display: none;
122032
122051
  }
122033
122052
 
@@ -122569,7 +122588,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122569
122588
 
122570
122589
  .e-ribbon-overflow-target {
122571
122590
 
122572
- &.e-hidden {
122591
+ &.e-hidden,
122592
+ &.e-hide-group {
122573
122593
  display: none;
122574
122594
  }
122575
122595
 
@@ -122578,7 +122598,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122578
122598
  }
122579
122599
 
122580
122600
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122581
- &.e-hidden {
122601
+ &.e-hidden,
122602
+ &.e-hide-group {
122582
122603
  display: none;
122583
122604
  }
122584
122605
 
@@ -80113,6 +80113,20 @@ margin: $grid-group-animator-cell-margin;
80113
80113
  }
80114
80114
  }
80115
80115
 
80116
+ .e-bigger {
80117
+ &.e-grid.sf-grid.e-row-responsive,
80118
+ .e-grid.sf-grid.e-row-responsive {
80119
+ & .e-gridcontent,
80120
+ & .e-summarycontent {
80121
+ & td::before{
80122
+ @if $grid-skin == 'fluent' {
80123
+ overflow: hidden;
80124
+ }
80125
+ }
80126
+ }
80127
+ }
80128
+ }
80129
+
80116
80130
  .e-bigger .e-grid.e-row-responsive,
80117
80131
  .e-bigger.e-grid.e-row-responsive {
80118
80132
 
@@ -93957,12 +93971,12 @@ $editor-btn-icon-color: $neutral-light-fontalt !default;
93957
93971
  position: relative;
93958
93972
  width: auto;
93959
93973
 
93960
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93974
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93961
93975
  display: block;
93962
93976
  visibility: hidden;
93963
93977
  }
93964
93978
 
93965
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
93979
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
93966
93980
  display: block;
93967
93981
  visibility: hidden;
93968
93982
  }
@@ -94374,8 +94388,8 @@ $editor-btn-icon-color: $neutral-light-fontalt !default;
94374
94388
  &.e-tooltip-wrap {
94375
94389
  max-width: 100%;
94376
94390
 
94377
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94378
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94391
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94392
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94379
94393
  display: block;
94380
94394
  visibility: hidden;
94381
94395
  }
@@ -121497,6 +121511,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121497
121511
  &:focus {
121498
121512
  outline: none;
121499
121513
  }
121514
+
121515
+ &.e-hidden {
121516
+ display: none;
121517
+ }
121500
121518
  }
121501
121519
 
121502
121520
  .e-ribbon-overall-of-btn {
@@ -121568,7 +121586,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121568
121586
  padding-top: $ribbon-group-padding;
121569
121587
  height: $ribbon-group-height;
121570
121588
 
121571
- &.e-hidden {
121589
+ &.e-hidden,
121590
+ &.e-hide-group {
121572
121591
  display: none;
121573
121592
  }
121574
121593
 
@@ -122110,7 +122129,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
122110
122129
 
122111
122130
  .e-ribbon-overflow-target {
122112
122131
 
122113
- &.e-hidden {
122132
+ &.e-hidden,
122133
+ &.e-hide-group {
122114
122134
  display: none;
122115
122135
  }
122116
122136
 
@@ -122119,7 +122139,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
122119
122139
  }
122120
122140
 
122121
122141
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122122
- &.e-hidden {
122142
+ &.e-hidden,
122143
+ &.e-hide-group {
122123
122144
  display: none;
122124
122145
  }
122125
122146
 
@@ -79871,6 +79871,20 @@ margin: $grid-group-animator-cell-margin;
79871
79871
  }
79872
79872
  }
79873
79873
 
79874
+ .e-bigger {
79875
+ &.e-grid.sf-grid.e-row-responsive,
79876
+ .e-grid.sf-grid.e-row-responsive {
79877
+ & .e-gridcontent,
79878
+ & .e-summarycontent {
79879
+ & td::before{
79880
+ @if $grid-skin == 'fluent' {
79881
+ overflow: hidden;
79882
+ }
79883
+ }
79884
+ }
79885
+ }
79886
+ }
79887
+
79874
79888
  .e-bigger .e-grid.e-row-responsive,
79875
79889
  .e-bigger.e-grid.e-row-responsive {
79876
79890
 
@@ -93710,12 +93724,12 @@ $editor-btn-icon-color: $neutral-light-font !default;
93710
93724
  position: relative;
93711
93725
  width: auto;
93712
93726
 
93713
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93727
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93714
93728
  display: block;
93715
93729
  visibility: hidden;
93716
93730
  }
93717
93731
 
93718
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
93732
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
93719
93733
  display: block;
93720
93734
  visibility: hidden;
93721
93735
  }
@@ -94127,8 +94141,8 @@ $editor-btn-icon-color: $neutral-light-font !default;
94127
94141
  &.e-tooltip-wrap {
94128
94142
  max-width: 100%;
94129
94143
 
94130
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94131
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94144
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94145
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94132
94146
  display: block;
94133
94147
  visibility: hidden;
94134
94148
  }
@@ -121246,6 +121260,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121246
121260
  &:focus {
121247
121261
  outline: none;
121248
121262
  }
121263
+
121264
+ &.e-hidden {
121265
+ display: none;
121266
+ }
121249
121267
  }
121250
121268
 
121251
121269
  .e-ribbon-overall-of-btn {
@@ -121317,7 +121335,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121317
121335
  padding-top: $ribbon-group-padding;
121318
121336
  height: $ribbon-group-height;
121319
121337
 
121320
- &.e-hidden {
121338
+ &.e-hidden,
121339
+ &.e-hide-group {
121321
121340
  display: none;
121322
121341
  }
121323
121342
 
@@ -121859,7 +121878,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121859
121878
 
121860
121879
  .e-ribbon-overflow-target {
121861
121880
 
121862
- &.e-hidden {
121881
+ &.e-hidden,
121882
+ &.e-hide-group {
121863
121883
  display: none;
121864
121884
  }
121865
121885
 
@@ -121868,7 +121888,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121868
121888
  }
121869
121889
 
121870
121890
  .e-ribbon-of-tab .e-ribbon-of-group-container {
121871
- &.e-hidden {
121891
+ &.e-hidden,
121892
+ &.e-hide-group {
121872
121893
  display: none;
121873
121894
  }
121874
121895
 
@@ -80677,6 +80677,20 @@ margin: $grid-group-animator-cell-margin;
80677
80677
  }
80678
80678
  }
80679
80679
 
80680
+ .e-bigger {
80681
+ &.e-grid.sf-grid.e-row-responsive,
80682
+ .e-grid.sf-grid.e-row-responsive {
80683
+ & .e-gridcontent,
80684
+ & .e-summarycontent {
80685
+ & td::before{
80686
+ @if $grid-skin == 'fluent' {
80687
+ overflow: hidden;
80688
+ }
80689
+ }
80690
+ }
80691
+ }
80692
+ }
80693
+
80680
80694
  .e-bigger .e-grid.e-row-responsive,
80681
80695
  .e-bigger.e-grid.e-row-responsive {
80682
80696
 
@@ -94549,12 +94563,12 @@ $editor-btn-icon-color: $icon-color !default;
94549
94563
  position: relative;
94550
94564
  width: auto;
94551
94565
 
94552
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94566
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94553
94567
  display: block;
94554
94568
  visibility: hidden;
94555
94569
  }
94556
94570
 
94557
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94571
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94558
94572
  display: block;
94559
94573
  visibility: hidden;
94560
94574
  }
@@ -94966,8 +94980,8 @@ $editor-btn-icon-color: $icon-color !default;
94966
94980
  &.e-tooltip-wrap {
94967
94981
  max-width: 100%;
94968
94982
 
94969
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94970
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94983
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94984
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94971
94985
  display: block;
94972
94986
  visibility: hidden;
94973
94987
  }
@@ -122120,6 +122134,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122120
122134
  &:focus {
122121
122135
  outline: none;
122122
122136
  }
122137
+
122138
+ &.e-hidden {
122139
+ display: none;
122140
+ }
122123
122141
  }
122124
122142
 
122125
122143
  .e-ribbon-overall-of-btn {
@@ -122191,7 +122209,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122191
122209
  padding-top: $ribbon-group-padding;
122192
122210
  height: $ribbon-group-height;
122193
122211
 
122194
- &.e-hidden {
122212
+ &.e-hidden,
122213
+ &.e-hide-group {
122195
122214
  display: none;
122196
122215
  }
122197
122216
 
@@ -122733,7 +122752,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122733
122752
 
122734
122753
  .e-ribbon-overflow-target {
122735
122754
 
122736
- &.e-hidden {
122755
+ &.e-hidden,
122756
+ &.e-hide-group {
122737
122757
  display: none;
122738
122758
  }
122739
122759
 
@@ -122742,7 +122762,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122742
122762
  }
122743
122763
 
122744
122764
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122745
- &.e-hidden {
122765
+ &.e-hidden,
122766
+ &.e-hide-group {
122746
122767
  display: none;
122747
122768
  }
122748
122769