@syncfusion/blazor-themes 23.1.44 → 23.2.4

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 (110) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +156 -10
  2. package/SCSS-Themes/bootstrap.scss +151 -10
  3. package/SCSS-Themes/bootstrap4.scss +151 -10
  4. package/SCSS-Themes/bootstrap5-dark.scss +153 -11
  5. package/SCSS-Themes/bootstrap5.scss +153 -11
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +7 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +7 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +7 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +7 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +7 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +7 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +7 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +7 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +7 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +7 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +7 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +7 -0
  18. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +7 -0
  19. package/SCSS-Themes/documenteditor/document-editor/material3.scss +7 -0
  20. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +7 -0
  21. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +7 -0
  22. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +69 -0
  23. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +69 -0
  24. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +69 -0
  25. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +69 -0
  26. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +69 -0
  27. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +69 -0
  28. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +69 -0
  29. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +69 -0
  30. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +69 -0
  31. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +69 -0
  32. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +69 -0
  33. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +69 -0
  34. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +69 -0
  35. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +69 -0
  36. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +69 -0
  37. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +69 -0
  38. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +5 -0
  39. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -1
  40. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -1
  41. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +5 -0
  42. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -1
  43. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -1
  44. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +5 -0
  45. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -1
  46. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -1
  47. package/SCSS-Themes/fabric-dark.scss +156 -10
  48. package/SCSS-Themes/fabric.scss +151 -10
  49. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +1 -1
  50. package/SCSS-Themes/filemanager/file-manager/material3.scss +1 -1
  51. package/SCSS-Themes/fluent-dark.scss +153 -11
  52. package/SCSS-Themes/fluent.scss +153 -11
  53. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +34 -2
  54. package/SCSS-Themes/grids/grid/bootstrap.scss +34 -2
  55. package/SCSS-Themes/grids/grid/bootstrap4.scss +34 -2
  56. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +34 -2
  57. package/SCSS-Themes/grids/grid/bootstrap5.scss +34 -2
  58. package/SCSS-Themes/grids/grid/fabric-dark.scss +34 -2
  59. package/SCSS-Themes/grids/grid/fabric.scss +34 -2
  60. package/SCSS-Themes/grids/grid/fluent-dark.scss +34 -2
  61. package/SCSS-Themes/grids/grid/fluent.scss +34 -2
  62. package/SCSS-Themes/grids/grid/highcontrast.scss +34 -2
  63. package/SCSS-Themes/grids/grid/material-dark.scss +34 -2
  64. package/SCSS-Themes/grids/grid/material.scss +34 -2
  65. package/SCSS-Themes/grids/grid/material3-dark.scss +34 -2
  66. package/SCSS-Themes/grids/grid/material3.scss +34 -2
  67. package/SCSS-Themes/grids/grid/tailwind-dark.scss +34 -2
  68. package/SCSS-Themes/grids/grid/tailwind.scss +34 -2
  69. package/SCSS-Themes/highcontrast.scss +156 -10
  70. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +25 -7
  71. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +25 -7
  72. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +25 -7
  73. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +25 -7
  74. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +25 -7
  75. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +25 -7
  76. package/SCSS-Themes/image-editor/image-editor/fabric.scss +25 -7
  77. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +25 -7
  78. package/SCSS-Themes/image-editor/image-editor/fluent.scss +25 -7
  79. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +25 -7
  80. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +25 -7
  81. package/SCSS-Themes/image-editor/image-editor/material.scss +25 -7
  82. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +25 -7
  83. package/SCSS-Themes/image-editor/image-editor/material3.scss +25 -7
  84. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +25 -7
  85. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +25 -7
  86. package/SCSS-Themes/material-dark.scss +151 -10
  87. package/SCSS-Themes/material.scss +151 -10
  88. package/SCSS-Themes/material3-dark.scss +153 -12
  89. package/SCSS-Themes/material3.scss +153 -12
  90. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +1 -1
  91. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +1 -1
  92. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +16 -1
  93. package/SCSS-Themes/schedule/schedule/bootstrap.scss +16 -1
  94. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +16 -1
  95. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +16 -1
  96. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +16 -1
  97. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +16 -1
  98. package/SCSS-Themes/schedule/schedule/fabric.scss +16 -1
  99. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +16 -1
  100. package/SCSS-Themes/schedule/schedule/fluent.scss +16 -1
  101. package/SCSS-Themes/schedule/schedule/highcontrast.scss +16 -1
  102. package/SCSS-Themes/schedule/schedule/material-dark.scss +16 -1
  103. package/SCSS-Themes/schedule/schedule/material.scss +16 -1
  104. package/SCSS-Themes/schedule/schedule/material3-dark.scss +16 -1
  105. package/SCSS-Themes/schedule/schedule/material3.scss +16 -1
  106. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +16 -1
  107. package/SCSS-Themes/schedule/schedule/tailwind.scss +16 -1
  108. package/SCSS-Themes/tailwind-dark.scss +153 -11
  109. package/SCSS-Themes/tailwind.scss +153 -11
  110. package/package.json +1 -1
@@ -60068,7 +60068,8 @@ $ddl-small-clear-icon-width: 12px !default;
60068
60068
  width: $ddl-chip-hooker-square;
60069
60069
  }
60070
60070
 
60071
- .e-multi-select-wrapper .e-searcher input[type = 'text'] {
60071
+ .e-multi-select-wrapper .e-searcher input[type = 'text'],
60072
+ .e-multi-select-wrapper .e-multi-searcher input[type = 'text'] {
60072
60073
  color: $content-text-color;
60073
60074
  height: 100%;
60074
60075
  }
@@ -64863,6 +64864,13 @@ $de-column-presets-font-size: $text-6xl !default;
64863
64864
  padding-left: 20px;
64864
64865
  padding-right: 20px;
64865
64866
  }
64867
+
64868
+ .e-de-para-tab {
64869
+ float: left;
64870
+ }
64871
+ .e-de-para-tab.e-rtl {
64872
+ float: right;
64873
+ }
64866
64874
 
64867
64875
  .e-de-column-label.e-de-rtl {
64868
64876
  font-size: $de-border-dlg-settinglabels-fontsize;
@@ -69353,6 +69361,14 @@ $e-de-ctnr-break-listview-margin-right-big: 20px !default;
69353
69361
  $e-de-ctnr-break-listview-margin-left: 16px !default;
69354
69362
  $e-de-ctnr-break-listview-margin-left-big: 20px !default;
69355
69363
  $de-tlbr-btn-height: calc(100% - 10px) !default;
69364
+ $de-ruler-background-color: $content-bg-color-alt4 !default;
69365
+ $de-ruler-margin-color: $content-bg-color !default;
69366
+ $de-ruler-tick-stroke: $icon-color !default;
69367
+ $de-ruler-label-fill: $content-text-color-alt1 !default;
69368
+ $de-ruler-indent-stroke: $icon-color !default;
69369
+ $de-ruler-indent-fill: $content-bg-color !default;
69370
+ $de-ruler-indent-hover: $content-bg-color-alt4 !default;
69371
+ $de-ruler-indent-active: $primary !default;
69356
69372
 
69357
69373
  // Subtract toolbar & statusbar height
69358
69374
  $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -71169,6 +71185,62 @@ $de-hover-bg: $content-bg-color-alt2 !default;
71169
71185
  }
71170
71186
  }
71171
71187
  }
71188
+ .e-de-hRuler {
71189
+ background-color: $de-ruler-background-color;
71190
+ @if $skin-name =='Material3' {
71191
+ background: $de-ruler-background-color;
71192
+ }
71193
+ border-bottom: 0.5px solid $de-panel-border;
71194
+ }
71195
+ .e-de-vRuler {
71196
+ background-color: $de-ruler-background-color;
71197
+ @if $skin-name =='Material3' {
71198
+ background: $de-ruler-background-color;
71199
+ }
71200
+ border-right: 0.5px solid $de-panel-border;
71201
+ }
71202
+ .e-de-ruler-margin {
71203
+ background-color: $de-ruler-margin-color;
71204
+ @if $skin-name =='Material3' {
71205
+ background: $de-ruler-margin-color;
71206
+ }
71207
+ }
71208
+ .e-de-ruler-tick {
71209
+ stroke: $de-ruler-tick-stroke;
71210
+ }
71211
+ .e-de-ruler-tick-label {
71212
+ fill: $de-ruler-label-fill
71213
+ }
71214
+ .e-de-ruler-markIndicator {
71215
+ background-color: $de-ruler-margin-color;
71216
+ }
71217
+ .e-de-ruler-marker .e-de-ruler-tab-svg {
71218
+ fill: $de-ruler-tick-stroke;
71219
+ }
71220
+ .e-de-ruler-marker .e-de-ruler-indent-svg {
71221
+ fill: $de-ruler-tick-stroke;
71222
+ }
71223
+ .e-de-ruler-indent .e-de-ruler-indent-svg {
71224
+ fill: $de-ruler-indent-fill;
71225
+ stroke: $de-ruler-indent-stroke;
71226
+ }
71227
+ .e-de-ruler-indent .e-de-ruler-indent-svg:hover {
71228
+ fill: $de-ruler-indent-hover;
71229
+ stroke: $de-ruler-indent-stroke;
71230
+ }
71231
+ .e-de-ruler-indent .e-de-ruler-indent-svg:active {
71232
+ fill: $de-ruler-indent-active;
71233
+ stroke: $de-ruler-indent-stroke;
71234
+ }
71235
+ .e-de-ruler-table-svg {
71236
+ fill: $de-ruler-indent-stroke;
71237
+ }
71238
+ .e-de-ruler-table-svg:hover {
71239
+ fill: $de-ruler-indent-hover;
71240
+ }
71241
+ .e-de-ruler-table-svg:active {
71242
+ fill: $de-ruler-indent-active;
71243
+ }
71172
71244
  .e-rtl {
71173
71245
  .e-listview .e-list-icon {
71174
71246
  height: 24px;
@@ -71181,6 +71253,11 @@ $de-hover-bg: $content-bg-color-alt2 !default;
71181
71253
  line-height: 22px;
71182
71254
  margin-left: $e-de-ctnr-break-listview-margin-left;
71183
71255
  }
71256
+ .e-de-vRuler {
71257
+ background-color: $de-ruler-background-color;
71258
+ border-right: none;
71259
+ border-left: 0.5px solid $de-panel-border;
71260
+ }
71184
71261
  }
71185
71262
  .e-bigger {
71186
71263
  @if $skin-name =='tailwind' or $skin-name =='bootstrap5' or $skin-name =='FluentUI' or $skin-name =='bootstrap4' {
@@ -76938,6 +77015,15 @@ $grid-dropitems-count-margin-left: -8px !default;
76938
77015
  border-bottom-width: $grid-border-bottom-width;
76939
77016
  }
76940
77017
 
77018
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
77019
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
77020
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
77021
+ &.e-groupcaption,
77022
+ &.e-summarycell {
77023
+ border-bottom-width: 0;
77024
+ }
77025
+ }
77026
+
76941
77027
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
76942
77028
  position: relative;
76943
77029
  left: -5px;
@@ -80258,7 +80344,7 @@ margin: $grid-group-animator-cell-margin;
80258
80344
  text-align: left;
80259
80345
  }
80260
80346
 
80261
- &.e-default table th:not([rowspan = '1']) {
80347
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
80262
80348
  border-width: $grid-headercell-both-border-width;
80263
80349
  }
80264
80350
 
@@ -80284,7 +80370,7 @@ margin: $grid-group-animator-cell-margin;
80284
80370
  border-right-width: 1px;
80285
80371
  }
80286
80372
 
80287
- &.e-rtl.e-default table th:not([rowspan = '1']) {
80373
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
80288
80374
  border-width: $grid-rtl-headercell-both-border-width;
80289
80375
  }
80290
80376
 
@@ -80326,6 +80412,29 @@ margin: $grid-group-animator-cell-margin;
80326
80412
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
80327
80413
  border-width: $grid-headercell-both-border-width;
80328
80414
  }
80415
+
80416
+ &.e-resize-lines,
80417
+ &.e-resize-lines.e-rtl {
80418
+
80419
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
80420
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
80421
+ border-left: 0;
80422
+ border-right: 0;
80423
+ border-top: 0;
80424
+ }
80425
+ }
80426
+
80427
+ &.e-default.e-bothlines .e-headercell,
80428
+ &.e-default.e-bothlines .e-detailheadercell {
80429
+ border-width: $grid-headercell-both-border-width;
80430
+ }
80431
+
80432
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
80433
+ border-bottom-style: $grid-border-type;
80434
+ border-bottom-width: $grid-border-size;
80435
+ border-left-style: $grid-border-type;
80436
+ border-left-width: $grid-border-size;
80437
+ }
80329
80438
 
80330
80439
  .e-bigger #{&}.e-grid.sf-grid,
80331
80440
  #{&}.e-grid.sf-grid.e-bigger {
@@ -117642,7 +117751,18 @@ $schedule-tree-content-color: $content-text-color-alt2;
117642
117751
  line-height: normal;
117643
117752
  }
117644
117753
 
117645
- .e-save-icon {
117754
+ .e-title-text {
117755
+ text-align: center;
117756
+ }
117757
+
117758
+ .e-save-icon,
117759
+ .e-back-icon,
117760
+ .e-delete-icon {
117761
+ width: 2.5em;
117762
+ }
117763
+
117764
+ .e-save-icon,
117765
+ .e-delete-icon {
117646
117766
  text-align: right;
117647
117767
  }
117648
117768
 
@@ -119155,6 +119275,10 @@ $schedule-tree-content-color: $content-text-color-alt2;
119155
119275
  content: '\e7c8';
119156
119276
  }
119157
119277
 
119278
+ .e-delete-icon::before {
119279
+ content: '\e820';
119280
+ }
119281
+
119158
119282
  .e-recurrence-container {
119159
119283
  .e-recurrence-edit-button {
119160
119284
  .e-recurrence-edit.e-icons::before {
@@ -119240,6 +119364,10 @@ $image-editor-tbar-btn-fontsize: $text-lg !default;
119240
119364
  $image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
119241
119365
  $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
119242
119366
  $image-editor-drop-border: 2px dashed $icon-color !default;
119367
+ $image-editor-dropdown-btn-preview-top: -4px !default;
119368
+ $image-editor-dropdown-btn-preview-left: -4px !default;
119369
+ $image-editor-bigger-dropdown-btn-preview-top: -4px !default;
119370
+ $image-editor-bigger-dropdown-btn-preview-left: -4px !default;
119243
119371
 
119244
119372
  @include export-module('image-editor-layout') {
119245
119373
 
@@ -119307,6 +119435,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119307
119435
 
119308
119436
  & .e-fill.e-template,
119309
119437
  & .e-stroke.e-template,
119438
+ & .e-frame-stroke.e-template,
119310
119439
  & .e-pen-stroke-color.e-template,
119311
119440
  & .e-text-font-color.e-template,
119312
119441
  & .e-save.e-template {
@@ -119325,6 +119454,17 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119325
119454
  }
119326
119455
  }
119327
119456
 
119457
+ & .e-btn-icon.e-dropdownbtn-preview {
119458
+ margin-top: $image-editor-bigger-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
119459
+ margin-left: $image-editor-bigger-dropdown-btn-preview-left;
119460
+ }
119461
+
119462
+ & .e-dropdown-btn.e-icon-btn {
119463
+ @if $skin-name == 'Material3' {
119464
+ padding: 7px 15px;
119465
+ }
119466
+ }
119467
+
119328
119468
  & .e-dropdown-btn.e-image-popup {
119329
119469
  & .e-select,
119330
119470
  & .e-annotation,
@@ -119471,6 +119611,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119471
119611
 
119472
119612
  & .e-fill.e-template,
119473
119613
  & .e-stroke.e-template,
119614
+ & .e-frame-stroke.e-template,
119474
119615
  & .e-pen-stroke-color.e-template,
119475
119616
  & .e-text-font-color.e-template,
119476
119617
  & .e-save.e-template {
@@ -119492,7 +119633,8 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119492
119633
  & .e-btn-icon.e-dropdownbtn-preview {
119493
119634
  height: 18px;
119494
119635
  width: 18px;
119495
- margin-top: -4px;
119636
+ margin-top: $image-editor-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
119637
+ margin-left: $image-editor-dropdown-btn-preview-left;
119496
119638
  }
119497
119639
 
119498
119640
  & .e-dropdown-btn.e-image-popup {
@@ -119564,6 +119706,11 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119564
119706
  margin: 4px;
119565
119707
  text-align: center;
119566
119708
  }
119709
+
119710
+ & .e-dropdown-btn {
119711
+ margin: 0 auto;
119712
+ width: max-content;
119713
+ }
119567
119714
  }
119568
119715
 
119569
119716
  &.e-frame-wrapper {
@@ -119605,12 +119752,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
119605
119752
 
119606
119753
  & .e-slider-container {
119607
119754
  margin-left: calc(50% - 137px);
119608
- @if $skin-name == 'Material3' {
119609
- height: 70px !important; /* stylelint-disable-line declaration-no-important */
119610
- }
119611
- @else {
119612
- height: 54px !important; /* stylelint-disable-line declaration-no-important */
119613
- }
119755
+ height: 54px !important; /* stylelint-disable-line declaration-no-important */
119614
119756
  }
119615
119757
  }
119616
119758
  }
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -1793,6 +1793,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1793
1793
  border-bottom-width: $grid-border-bottom-width;
1794
1794
  }
1795
1795
 
1796
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1797
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1798
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1799
+ &.e-groupcaption,
1800
+ &.e-summarycell {
1801
+ border-bottom-width: 0;
1802
+ }
1803
+ }
1804
+
1796
1805
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1797
1806
  position: relative;
1798
1807
  left: -5px;
@@ -5113,7 +5122,7 @@ margin: $grid-group-animator-cell-margin;
5113
5122
  text-align: left;
5114
5123
  }
5115
5124
 
5116
- &.e-default table th:not([rowspan = '1']) {
5125
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5117
5126
  border-width: $grid-headercell-both-border-width;
5118
5127
  }
5119
5128
 
@@ -5139,7 +5148,7 @@ margin: $grid-group-animator-cell-margin;
5139
5148
  border-right-width: 1px;
5140
5149
  }
5141
5150
 
5142
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5151
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5143
5152
  border-width: $grid-rtl-headercell-both-border-width;
5144
5153
  }
5145
5154
 
@@ -5181,6 +5190,29 @@ margin: $grid-group-animator-cell-margin;
5181
5190
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5182
5191
  border-width: $grid-headercell-both-border-width;
5183
5192
  }
5193
+
5194
+ &.e-resize-lines,
5195
+ &.e-resize-lines.e-rtl {
5196
+
5197
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5198
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5199
+ border-left: 0;
5200
+ border-right: 0;
5201
+ border-top: 0;
5202
+ }
5203
+ }
5204
+
5205
+ &.e-default.e-bothlines .e-headercell,
5206
+ &.e-default.e-bothlines .e-detailheadercell {
5207
+ border-width: $grid-headercell-both-border-width;
5208
+ }
5209
+
5210
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5211
+ border-bottom-style: $grid-border-type;
5212
+ border-bottom-width: $grid-border-size;
5213
+ border-left-style: $grid-border-type;
5214
+ border-left-width: $grid-border-size;
5215
+ }
5184
5216
 
5185
5217
  .e-bigger #{&}.e-grid.sf-grid,
5186
5218
  #{&}.e-grid.sf-grid.e-bigger {
@@ -1798,6 +1798,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1798
1798
  border-bottom-width: $grid-border-bottom-width;
1799
1799
  }
1800
1800
 
1801
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1802
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1803
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1804
+ &.e-groupcaption,
1805
+ &.e-summarycell {
1806
+ border-bottom-width: 0;
1807
+ }
1808
+ }
1809
+
1801
1810
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1802
1811
  position: relative;
1803
1812
  left: -5px;
@@ -5118,7 +5127,7 @@ margin: $grid-group-animator-cell-margin;
5118
5127
  text-align: left;
5119
5128
  }
5120
5129
 
5121
- &.e-default table th:not([rowspan = '1']) {
5130
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5122
5131
  border-width: $grid-headercell-both-border-width;
5123
5132
  }
5124
5133
 
@@ -5144,7 +5153,7 @@ margin: $grid-group-animator-cell-margin;
5144
5153
  border-right-width: 1px;
5145
5154
  }
5146
5155
 
5147
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5148
5157
  border-width: $grid-rtl-headercell-both-border-width;
5149
5158
  }
5150
5159
 
@@ -5186,6 +5195,29 @@ margin: $grid-group-animator-cell-margin;
5186
5195
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5187
5196
  border-width: $grid-headercell-both-border-width;
5188
5197
  }
5198
+
5199
+ &.e-resize-lines,
5200
+ &.e-resize-lines.e-rtl {
5201
+
5202
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5203
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5204
+ border-left: 0;
5205
+ border-right: 0;
5206
+ border-top: 0;
5207
+ }
5208
+ }
5209
+
5210
+ &.e-default.e-bothlines .e-headercell,
5211
+ &.e-default.e-bothlines .e-detailheadercell {
5212
+ border-width: $grid-headercell-both-border-width;
5213
+ }
5214
+
5215
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5216
+ border-bottom-style: $grid-border-type;
5217
+ border-bottom-width: $grid-border-size;
5218
+ border-left-style: $grid-border-type;
5219
+ border-left-width: $grid-border-size;
5220
+ }
5189
5221
 
5190
5222
  .e-bigger #{&}.e-grid.sf-grid,
5191
5223
  #{&}.e-grid.sf-grid.e-bigger {
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5179,6 +5188,29 @@ margin: $grid-group-animator-cell-margin;
5179
5188
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5180
5189
  border-width: $grid-headercell-both-border-width;
5181
5190
  }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5182
5214
 
5183
5215
  .e-bigger #{&}.e-grid.sf-grid,
5184
5216
  #{&}.e-grid.sf-grid.e-bigger {
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5176,6 +5185,29 @@ margin: $grid-group-animator-cell-margin;
5176
5185
  &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5177
5186
  border-width: $grid-headercell-both-border-width;
5178
5187
  }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5179
5211
 
5180
5212
  .e-bigger #{&}.e-grid.sf-grid,
5181
5213
  #{&}.e-grid.sf-grid.e-bigger {