@syncfusion/blazor-themes 21.2.4 → 21.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 (89) hide show
  1. package/SCSS-Themes/base/bootstrap-dark.scss +6 -1
  2. package/SCSS-Themes/base/bootstrap.scss +6 -1
  3. package/SCSS-Themes/base/bootstrap4.scss +7 -2
  4. package/SCSS-Themes/base/bootstrap5-dark.scss +6 -1
  5. package/SCSS-Themes/base/bootstrap5.scss +6 -1
  6. package/SCSS-Themes/base/fabric-dark.scss +6 -1
  7. package/SCSS-Themes/base/fabric.scss +6 -1
  8. package/SCSS-Themes/base/fluent-dark.scss +6 -1
  9. package/SCSS-Themes/base/fluent.scss +6 -1
  10. package/SCSS-Themes/base/highcontrast.scss +6 -1
  11. package/SCSS-Themes/base/material-dark.scss +6 -1
  12. package/SCSS-Themes/base/material.scss +6 -4
  13. package/SCSS-Themes/base/tailwind-dark.scss +6 -1
  14. package/SCSS-Themes/base/tailwind.scss +6 -1
  15. package/SCSS-Themes/bootstrap-dark.scss +121 -9
  16. package/SCSS-Themes/bootstrap.scss +122 -8
  17. package/SCSS-Themes/bootstrap4.scss +123 -9
  18. package/SCSS-Themes/bootstrap5-dark.scss +122 -8
  19. package/SCSS-Themes/bootstrap5.scss +122 -8
  20. package/SCSS-Themes/fabric-dark.scss +121 -7
  21. package/SCSS-Themes/fabric.scss +120 -6
  22. package/SCSS-Themes/fluent-dark.scss +120 -6
  23. package/SCSS-Themes/fluent.scss +120 -6
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -0
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -0
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -0
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -0
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -0
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -0
  30. package/SCSS-Themes/grids/grid/fabric.scss +11 -0
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -0
  32. package/SCSS-Themes/grids/grid/fluent.scss +11 -0
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -0
  34. package/SCSS-Themes/grids/grid/material-dark.scss +11 -0
  35. package/SCSS-Themes/grids/grid/material.scss +11 -0
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -0
  37. package/SCSS-Themes/grids/grid/tailwind.scss +11 -0
  38. package/SCSS-Themes/highcontrast.scss +121 -7
  39. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +81 -0
  40. package/SCSS-Themes/inputs/input/bootstrap.scss +81 -0
  41. package/SCSS-Themes/inputs/input/bootstrap4.scss +81 -0
  42. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +81 -0
  43. package/SCSS-Themes/inputs/input/bootstrap5.scss +81 -0
  44. package/SCSS-Themes/inputs/input/fabric-dark.scss +81 -0
  45. package/SCSS-Themes/inputs/input/fabric.scss +81 -0
  46. package/SCSS-Themes/inputs/input/fluent-dark.scss +81 -0
  47. package/SCSS-Themes/inputs/input/fluent.scss +81 -0
  48. package/SCSS-Themes/inputs/input/highcontrast.scss +81 -0
  49. package/SCSS-Themes/inputs/input/material-dark.scss +81 -0
  50. package/SCSS-Themes/inputs/input/material.scss +81 -0
  51. package/SCSS-Themes/inputs/input/tailwind-dark.scss +81 -0
  52. package/SCSS-Themes/inputs/input/tailwind.scss +81 -0
  53. package/SCSS-Themes/material-dark.scss +121 -7
  54. package/SCSS-Themes/material.scss +122 -11
  55. package/SCSS-Themes/navigations/treeview/material.scss +1 -1
  56. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -7
  57. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +2 -6
  58. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +2 -6
  59. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +3 -7
  60. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +3 -7
  61. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +2 -6
  62. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -5
  63. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -5
  64. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -5
  65. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +2 -6
  66. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +2 -6
  67. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +2 -6
  68. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +2 -6
  69. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +2 -6
  70. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -1
  71. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -1
  72. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -1
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +21 -0
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +21 -0
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +21 -0
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +21 -0
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +21 -0
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +21 -0
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +21 -0
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +21 -0
  81. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +21 -0
  82. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +21 -0
  83. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +21 -0
  84. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +21 -0
  85. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +21 -0
  86. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +21 -0
  87. package/SCSS-Themes/tailwind-dark.scss +121 -7
  88. package/SCSS-Themes/tailwind.scss +121 -7
  89. package/package.json +1 -1
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -2599,6 +2599,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2599
2599
  border-top-style: $grid-border-type;
2600
2600
  border-top-width: $grid-border-size;
2601
2601
  padding: .3em;
2602
+ font-weight: normal;
2603
+ text-align: left;
2602
2604
  }
2603
2605
 
2604
2606
  th.e-detailcell .e-rowcell,
@@ -3933,6 +3935,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3933
3935
  &.e-default.e-bothlines .e-detailcell {
3934
3936
  border-right-style: solid;
3935
3937
  border-right-width: 1px;
3938
+ text-align: right;
3936
3939
  }
3937
3940
 
3938
3941
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4650,9 +4653,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4650
4653
  position: absolute;
4651
4654
  top: 6px;
4652
4655
  white-space: nowrap;
4656
+ text-overflow: ellipsis;
4657
+ overflow: hidden;
4653
4658
  width: 45%;
4654
4659
  }
4655
4660
 
4661
+ & .e-verticalwrap td::before {
4662
+ line-height: $grid-rowcell-wrap-height;
4663
+ white-space: normal;
4664
+ word-wrap: break-word;
4665
+ }
4666
+
4656
4667
  & td[data-cell] {
4657
4668
  padding-bottom: 5px;
4658
4669
  padding-left: 55%;
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -2601,6 +2601,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2601
2601
  border-top-style: $grid-border-type;
2602
2602
  border-top-width: $grid-border-size;
2603
2603
  padding: .3em;
2604
+ font-weight: normal;
2605
+ text-align: left;
2604
2606
  }
2605
2607
 
2606
2608
  th.e-detailcell .e-rowcell,
@@ -3935,6 +3937,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3935
3937
  &.e-default.e-bothlines .e-detailcell {
3936
3938
  border-right-style: solid;
3937
3939
  border-right-width: 1px;
3940
+ text-align: right;
3938
3941
  }
3939
3942
 
3940
3943
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4652,9 +4655,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4652
4655
  position: absolute;
4653
4656
  top: 6px;
4654
4657
  white-space: nowrap;
4658
+ text-overflow: ellipsis;
4659
+ overflow: hidden;
4655
4660
  width: 45%;
4656
4661
  }
4657
4662
 
4663
+ & .e-verticalwrap td::before {
4664
+ line-height: $grid-rowcell-wrap-height;
4665
+ white-space: normal;
4666
+ word-wrap: break-word;
4667
+ }
4668
+
4658
4669
  & td[data-cell] {
4659
4670
  padding-bottom: 5px;
4660
4671
  padding-left: 55%;
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -2605,6 +2605,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2605
2605
  border-top-style: $grid-border-type;
2606
2606
  border-top-width: $grid-border-size;
2607
2607
  padding: .3em;
2608
+ font-weight: normal;
2609
+ text-align: left;
2608
2610
  }
2609
2611
 
2610
2612
  th.e-detailcell .e-rowcell,
@@ -3939,6 +3941,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3939
3941
  &.e-default.e-bothlines .e-detailcell {
3940
3942
  border-right-style: solid;
3941
3943
  border-right-width: 1px;
3944
+ text-align: right;
3942
3945
  }
3943
3946
 
3944
3947
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4656,9 +4659,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4656
4659
  position: absolute;
4657
4660
  top: 6px;
4658
4661
  white-space: nowrap;
4662
+ text-overflow: ellipsis;
4663
+ overflow: hidden;
4659
4664
  width: 45%;
4660
4665
  }
4661
4666
 
4667
+ & .e-verticalwrap td::before {
4668
+ line-height: $grid-rowcell-wrap-height;
4669
+ white-space: normal;
4670
+ word-wrap: break-word;
4671
+ }
4672
+
4662
4673
  & td[data-cell] {
4663
4674
  padding-bottom: 5px;
4664
4675
  padding-left: 55%;
package/SCSS-Themes/grids/grid/bootstrap5-dark.scss CHANGED
@@ -2599,6 +2599,8 @@ $grid-dropitems-count-margin-left: -4px !default;
2599
2599
  border-top-style: $grid-border-type;
2600
2600
  border-top-width: $grid-border-size;
2601
2601
  padding: .3em;
2602
+ font-weight: normal;
2603
+ text-align: left;
2602
2604
  }
2603
2605
 
2604
2606
  th.e-detailcell .e-rowcell,
@@ -3933,6 +3935,7 @@ $grid-dropitems-count-margin-left: -4px !default;
3933
3935
  &.e-default.e-bothlines .e-detailcell {
3934
3936
  border-right-style: solid;
3935
3937
  border-right-width: 1px;
3938
+ text-align: right;
3936
3939
  }
3937
3940
 
3938
3941
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4650,9 +4653,17 @@ $grid-dropitems-count-margin-left: -4px !default;
4650
4653
  position: absolute;
4651
4654
  top: 6px;
4652
4655
  white-space: nowrap;
4656
+ text-overflow: ellipsis;
4657
+ overflow: hidden;
4653
4658
  width: 45%;
4654
4659
  }
4655
4660
 
4661
+ & .e-verticalwrap td::before {
4662
+ line-height: $grid-rowcell-wrap-height;
4663
+ white-space: normal;
4664
+ word-wrap: break-word;
4665
+ }
4666
+
4656
4667
  & td[data-cell] {
4657
4668
  padding-bottom: 5px;
4658
4669
  padding-left: 55%;
package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED
@@ -2599,6 +2599,8 @@ $grid-dropitems-count-margin-left: -4px !default;
2599
2599
  border-top-style: $grid-border-type;
2600
2600
  border-top-width: $grid-border-size;
2601
2601
  padding: .3em;
2602
+ font-weight: normal;
2603
+ text-align: left;
2602
2604
  }
2603
2605
 
2604
2606
  th.e-detailcell .e-rowcell,
@@ -3933,6 +3935,7 @@ $grid-dropitems-count-margin-left: -4px !default;
3933
3935
  &.e-default.e-bothlines .e-detailcell {
3934
3936
  border-right-style: solid;
3935
3937
  border-right-width: 1px;
3938
+ text-align: right;
3936
3939
  }
3937
3940
 
3938
3941
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4650,9 +4653,17 @@ $grid-dropitems-count-margin-left: -4px !default;
4650
4653
  position: absolute;
4651
4654
  top: 6px;
4652
4655
  white-space: nowrap;
4656
+ text-overflow: ellipsis;
4657
+ overflow: hidden;
4653
4658
  width: 45%;
4654
4659
  }
4655
4660
 
4661
+ & .e-verticalwrap td::before {
4662
+ line-height: $grid-rowcell-wrap-height;
4663
+ white-space: normal;
4664
+ word-wrap: break-word;
4665
+ }
4666
+
4656
4667
  & td[data-cell] {
4657
4668
  padding-bottom: 5px;
4658
4669
  padding-left: 55%;
package/SCSS-Themes/grids/grid/fabric-dark.scss CHANGED
@@ -2596,6 +2596,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2596
2596
  border-top-style: $grid-border-type;
2597
2597
  border-top-width: $grid-border-size;
2598
2598
  padding: .3em;
2599
+ font-weight: normal;
2600
+ text-align: left;
2599
2601
  }
2600
2602
 
2601
2603
  th.e-detailcell .e-rowcell,
@@ -3930,6 +3932,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3930
3932
  &.e-default.e-bothlines .e-detailcell {
3931
3933
  border-right-style: solid;
3932
3934
  border-right-width: 1px;
3935
+ text-align: right;
3933
3936
  }
3934
3937
 
3935
3938
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4647,9 +4650,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4647
4650
  position: absolute;
4648
4651
  top: 6px;
4649
4652
  white-space: nowrap;
4653
+ text-overflow: ellipsis;
4654
+ overflow: hidden;
4650
4655
  width: 45%;
4651
4656
  }
4652
4657
 
4658
+ & .e-verticalwrap td::before {
4659
+ line-height: $grid-rowcell-wrap-height;
4660
+ white-space: normal;
4661
+ word-wrap: break-word;
4662
+ }
4663
+
4653
4664
  & td[data-cell] {
4654
4665
  padding-bottom: 5px;
4655
4666
  padding-left: 55%;
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -2596,6 +2596,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2596
2596
  border-top-style: $grid-border-type;
2597
2597
  border-top-width: $grid-border-size;
2598
2598
  padding: .3em;
2599
+ font-weight: normal;
2600
+ text-align: left;
2599
2601
  }
2600
2602
 
2601
2603
  th.e-detailcell .e-rowcell,
@@ -3930,6 +3932,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3930
3932
  &.e-default.e-bothlines .e-detailcell {
3931
3933
  border-right-style: solid;
3932
3934
  border-right-width: 1px;
3935
+ text-align: right;
3933
3936
  }
3934
3937
 
3935
3938
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4647,9 +4650,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4647
4650
  position: absolute;
4648
4651
  top: 6px;
4649
4652
  white-space: nowrap;
4653
+ text-overflow: ellipsis;
4654
+ overflow: hidden;
4650
4655
  width: 45%;
4651
4656
  }
4652
4657
 
4658
+ & .e-verticalwrap td::before {
4659
+ line-height: $grid-rowcell-wrap-height;
4660
+ white-space: normal;
4661
+ word-wrap: break-word;
4662
+ }
4663
+
4653
4664
  & td[data-cell] {
4654
4665
  padding-bottom: 5px;
4655
4666
  padding-left: 55%;
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -2591,6 +2591,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2591
2591
  border-top-style: $grid-border-type;
2592
2592
  border-top-width: $grid-border-size;
2593
2593
  padding: .3em;
2594
+ font-weight: normal;
2595
+ text-align: left;
2594
2596
  }
2595
2597
 
2596
2598
  th.e-detailcell .e-rowcell,
@@ -3925,6 +3927,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3925
3927
  &.e-default.e-bothlines .e-detailcell {
3926
3928
  border-right-style: solid;
3927
3929
  border-right-width: 1px;
3930
+ text-align: right;
3928
3931
  }
3929
3932
 
3930
3933
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4642,9 +4645,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4642
4645
  position: absolute;
4643
4646
  top: 6px;
4644
4647
  white-space: nowrap;
4648
+ text-overflow: ellipsis;
4649
+ overflow: hidden;
4645
4650
  width: 45%;
4646
4651
  }
4647
4652
 
4653
+ & .e-verticalwrap td::before {
4654
+ line-height: $grid-rowcell-wrap-height;
4655
+ white-space: normal;
4656
+ word-wrap: break-word;
4657
+ }
4658
+
4648
4659
  & td[data-cell] {
4649
4660
  padding-bottom: 5px;
4650
4661
  padding-left: 55%;
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -2591,6 +2591,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2591
2591
  border-top-style: $grid-border-type;
2592
2592
  border-top-width: $grid-border-size;
2593
2593
  padding: .3em;
2594
+ font-weight: normal;
2595
+ text-align: left;
2594
2596
  }
2595
2597
 
2596
2598
  th.e-detailcell .e-rowcell,
@@ -3925,6 +3927,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3925
3927
  &.e-default.e-bothlines .e-detailcell {
3926
3928
  border-right-style: solid;
3927
3929
  border-right-width: 1px;
3930
+ text-align: right;
3928
3931
  }
3929
3932
 
3930
3933
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4642,9 +4645,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4642
4645
  position: absolute;
4643
4646
  top: 6px;
4644
4647
  white-space: nowrap;
4648
+ text-overflow: ellipsis;
4649
+ overflow: hidden;
4645
4650
  width: 45%;
4646
4651
  }
4647
4652
 
4653
+ & .e-verticalwrap td::before {
4654
+ line-height: $grid-rowcell-wrap-height;
4655
+ white-space: normal;
4656
+ word-wrap: break-word;
4657
+ }
4658
+
4648
4659
  & td[data-cell] {
4649
4660
  padding-bottom: 5px;
4650
4661
  padding-left: 55%;
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -2596,6 +2596,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2596
2596
  border-top-style: $grid-border-type;
2597
2597
  border-top-width: $grid-border-size;
2598
2598
  padding: .3em;
2599
+ font-weight: normal;
2600
+ text-align: left;
2599
2601
  }
2600
2602
 
2601
2603
  th.e-detailcell .e-rowcell,
@@ -3930,6 +3932,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3930
3932
  &.e-default.e-bothlines .e-detailcell {
3931
3933
  border-right-style: solid;
3932
3934
  border-right-width: 1px;
3935
+ text-align: right;
3933
3936
  }
3934
3937
 
3935
3938
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4647,9 +4650,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4647
4650
  position: absolute;
4648
4651
  top: 6px;
4649
4652
  white-space: nowrap;
4653
+ text-overflow: ellipsis;
4654
+ overflow: hidden;
4650
4655
  width: 45%;
4651
4656
  }
4652
4657
 
4658
+ & .e-verticalwrap td::before {
4659
+ line-height: $grid-rowcell-wrap-height;
4660
+ white-space: normal;
4661
+ word-wrap: break-word;
4662
+ }
4663
+
4653
4664
  & td[data-cell] {
4654
4665
  padding-bottom: 5px;
4655
4666
  padding-left: 55%;
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -2597,6 +2597,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2597
2597
  border-top-style: $grid-border-type;
2598
2598
  border-top-width: $grid-border-size;
2599
2599
  padding: .3em;
2600
+ font-weight: normal;
2601
+ text-align: left;
2600
2602
  }
2601
2603
 
2602
2604
  th.e-detailcell .e-rowcell,
@@ -3931,6 +3933,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3931
3933
  &.e-default.e-bothlines .e-detailcell {
3932
3934
  border-right-style: solid;
3933
3935
  border-right-width: 1px;
3936
+ text-align: right;
3934
3937
  }
3935
3938
 
3936
3939
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4648,9 +4651,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4648
4651
  position: absolute;
4649
4652
  top: 6px;
4650
4653
  white-space: nowrap;
4654
+ text-overflow: ellipsis;
4655
+ overflow: hidden;
4651
4656
  width: 45%;
4652
4657
  }
4653
4658
 
4659
+ & .e-verticalwrap td::before {
4660
+ line-height: $grid-rowcell-wrap-height;
4661
+ white-space: normal;
4662
+ word-wrap: break-word;
4663
+ }
4664
+
4654
4665
  & td[data-cell] {
4655
4666
  padding-bottom: 5px;
4656
4667
  padding-left: 55%;
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -2595,6 +2595,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2595
2595
  border-top-style: $grid-border-type;
2596
2596
  border-top-width: $grid-border-size;
2597
2597
  padding: .3em;
2598
+ font-weight: normal;
2599
+ text-align: left;
2598
2600
  }
2599
2601
 
2600
2602
  th.e-detailcell .e-rowcell,
@@ -3929,6 +3931,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3929
3931
  &.e-default.e-bothlines .e-detailcell {
3930
3932
  border-right-style: solid;
3931
3933
  border-right-width: 1px;
3934
+ text-align: right;
3932
3935
  }
3933
3936
 
3934
3937
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4646,9 +4649,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4646
4649
  position: absolute;
4647
4650
  top: 6px;
4648
4651
  white-space: nowrap;
4652
+ text-overflow: ellipsis;
4653
+ overflow: hidden;
4649
4654
  width: 45%;
4650
4655
  }
4651
4656
 
4657
+ & .e-verticalwrap td::before {
4658
+ line-height: $grid-rowcell-wrap-height;
4659
+ white-space: normal;
4660
+ word-wrap: break-word;
4661
+ }
4662
+
4652
4663
  & td[data-cell] {
4653
4664
  padding-bottom: 5px;
4654
4665
  padding-left: 55%;
package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED
@@ -2606,6 +2606,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2606
2606
  border-top-style: $grid-border-type;
2607
2607
  border-top-width: $grid-border-size;
2608
2608
  padding: .3em;
2609
+ font-weight: normal;
2610
+ text-align: left;
2609
2611
  }
2610
2612
 
2611
2613
  th.e-detailcell .e-rowcell,
@@ -3940,6 +3942,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3940
3942
  &.e-default.e-bothlines .e-detailcell {
3941
3943
  border-right-style: solid;
3942
3944
  border-right-width: 1px;
3945
+ text-align: right;
3943
3946
  }
3944
3947
 
3945
3948
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4657,9 +4660,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4657
4660
  position: absolute;
4658
4661
  top: 6px;
4659
4662
  white-space: nowrap;
4663
+ text-overflow: ellipsis;
4664
+ overflow: hidden;
4660
4665
  width: 45%;
4661
4666
  }
4662
4667
 
4668
+ & .e-verticalwrap td::before {
4669
+ line-height: $grid-rowcell-wrap-height;
4670
+ white-space: normal;
4671
+ word-wrap: break-word;
4672
+ }
4673
+
4663
4674
  & td[data-cell] {
4664
4675
  padding-bottom: 5px;
4665
4676
  padding-left: 55%;
package/SCSS-Themes/grids/grid/tailwind.scss CHANGED
@@ -2606,6 +2606,8 @@ $grid-dropitems-count-margin-left: -8px !default;
2606
2606
  border-top-style: $grid-border-type;
2607
2607
  border-top-width: $grid-border-size;
2608
2608
  padding: .3em;
2609
+ font-weight: normal;
2610
+ text-align: left;
2609
2611
  }
2610
2612
 
2611
2613
  th.e-detailcell .e-rowcell,
@@ -3940,6 +3942,7 @@ $grid-dropitems-count-margin-left: -8px !default;
3940
3942
  &.e-default.e-bothlines .e-detailcell {
3941
3943
  border-right-style: solid;
3942
3944
  border-right-width: 1px;
3945
+ text-align: right;
3943
3946
  }
3944
3947
 
3945
3948
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4657,9 +4660,17 @@ $grid-dropitems-count-margin-left: -8px !default;
4657
4660
  position: absolute;
4658
4661
  top: 6px;
4659
4662
  white-space: nowrap;
4663
+ text-overflow: ellipsis;
4664
+ overflow: hidden;
4660
4665
  width: 45%;
4661
4666
  }
4662
4667
 
4668
+ & .e-verticalwrap td::before {
4669
+ line-height: $grid-rowcell-wrap-height;
4670
+ white-space: normal;
4671
+ word-wrap: break-word;
4672
+ }
4673
+
4663
4674
  & td[data-cell] {
4664
4675
  padding-bottom: 5px;
4665
4676
  padding-left: 55%;