@syncfusion/blazor-themes 21.1.39 → 21.2.3

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 (87) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +41 -43
  2. package/SCSS-Themes/bootstrap.scss +41 -43
  3. package/SCSS-Themes/bootstrap4.scss +41 -43
  4. package/SCSS-Themes/bootstrap5-dark.scss +38 -43
  5. package/SCSS-Themes/bootstrap5.scss +38 -43
  6. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -4
  7. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -4
  8. package/SCSS-Themes/fabric-dark.scss +41 -43
  9. package/SCSS-Themes/fabric.scss +41 -43
  10. package/SCSS-Themes/fluent-dark.scss +38 -43
  11. package/SCSS-Themes/fluent.scss +38 -43
  12. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -8
  13. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -8
  14. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -8
  15. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -8
  16. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -8
  17. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -8
  18. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -8
  19. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -8
  20. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -8
  21. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -8
  22. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -8
  23. package/SCSS-Themes/gantt/gantt/material.scss +4 -8
  24. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -8
  25. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -8
  26. package/SCSS-Themes/highcontrast.scss +41 -43
  27. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  28. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  29. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  30. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  31. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  32. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  33. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  34. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  35. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  36. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  37. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  38. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  39. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  40. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  41. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  43. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  48. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  50. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  51. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  52. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  53. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  55. package/SCSS-Themes/material-dark.scss +45 -47
  56. package/SCSS-Themes/material.scss +45 -47
  57. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  58. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  59. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  60. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  61. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  62. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  63. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  64. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  65. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  66. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  67. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  68. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  69. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  71. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +13 -12
  72. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +13 -12
  73. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +13 -12
  74. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +13 -12
  75. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +13 -12
  76. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +13 -12
  77. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +13 -12
  78. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +13 -12
  79. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +13 -12
  80. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +13 -12
  81. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +13 -12
  82. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +13 -12
  83. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +13 -12
  84. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +13 -12
  85. package/SCSS-Themes/tailwind-dark.scss +38 -43
  86. package/SCSS-Themes/tailwind.scss +38 -43
  87. package/package.json +1 -1
package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss CHANGED
@@ -447,6 +447,11 @@ $field-list-adaptive-outerdiv-height: 177px !default;
447
447
  }
448
448
  /* stylelint-enable */
449
449
 
450
+ .e-format-condition-button {
451
+ .e-add-icon {
452
+ margin-left: 0;
453
+ }
454
+ }
450
455
  .e-format-value1,
451
456
  .e-format-value2,
452
457
  .e-format-value-span {
@@ -2403,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 177px !default;
2403
2408
 
2404
2409
  .e-checkbox-layout {
2405
2410
  max-width: 45%;
2411
+ overflow: visible;
2406
2412
  }
2407
2413
 
2408
2414
  }
@@ -3316,9 +3322,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
3316
3322
  background-color: $field-list-mobile-header-color;
3317
3323
  color: $field-list-mobile-header-font-color;
3318
3324
  font-size: 14px;
3319
- height: 48px;
3320
- padding-bottom: 9px;
3321
- padding-top: 9px;
3322
3325
  @if ($skin-name == 'tailwind') {
3323
3326
  padding-left: 16px;
3324
3327
  padding-right: 16px;
@@ -3340,19 +3343,15 @@ $field-list-adaptive-outerdiv-height: 177px !default;
3340
3343
 
3341
3344
  .e-title-mobile-header {
3342
3345
  display: flex;
3343
- }
3344
-
3345
- .e-title-mobile-content {
3346
- margin-top: $field-list-back-margin;
3346
+ align-items: center;
3347
3347
  }
3348
3348
 
3349
3349
  .e-field-list-back-icon {
3350
3350
  color: $field-list-back-font-color;
3351
3351
  font-size: 16px;
3352
- height: 24px;
3352
+ height: auto;
3353
3353
  margin-left: 0;
3354
3354
  margin-right: 12px;
3355
- padding-top: 7px;
3356
3355
  text-align: center;
3357
3356
  width: 24px;
3358
3357
  }
@@ -3573,16 +3572,18 @@ $field-list-adaptive-outerdiv-height: 177px !default;
3573
3572
  margin-top: 20px;
3574
3573
  overflow: auto;
3575
3574
 
3575
+ .e-acrdn-header {
3576
+ align-items: center;
3577
+ display: flex;
3578
+ }
3579
+
3576
3580
  .e-acrdn-header-icon {
3577
3581
  display: table;
3578
3582
  font-size: 12px;
3579
- height: 36px;
3580
- min-height: 36px;
3581
3583
  min-width: 28px;
3582
3584
  padding: 0;
3583
3585
  position: absolute;
3584
3586
  right: 16px;
3585
- top: 0;
3586
3587
 
3587
3588
  .e-list-icon {
3588
3589
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss CHANGED
@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 187px !default;
451
451
  }
452
452
  /* stylelint-enable */
453
453
 
454
+ .e-format-condition-button {
455
+ .e-add-icon {
456
+ margin-left: 0;
457
+ }
458
+ }
454
459
  .e-format-value1,
455
460
  .e-format-value2,
456
461
  .e-format-value-span {
@@ -2407,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2407
2412
 
2408
2413
  .e-checkbox-layout {
2409
2414
  max-width: 45%;
2415
+ overflow: visible;
2410
2416
  }
2411
2417
 
2412
2418
  }
@@ -3320,9 +3326,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3320
3326
  background-color: $field-list-mobile-header-color;
3321
3327
  color: $field-list-mobile-header-font-color;
3322
3328
  font-size: 14px;
3323
- height: 48px;
3324
- padding-bottom: 9px;
3325
- padding-top: 9px;
3326
3329
  @if ($skin-name == 'tailwind') {
3327
3330
  padding-left: 16px;
3328
3331
  padding-right: 16px;
@@ -3344,19 +3347,15 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3344
3347
 
3345
3348
  .e-title-mobile-header {
3346
3349
  display: flex;
3347
- }
3348
-
3349
- .e-title-mobile-content {
3350
- margin-top: $field-list-back-margin;
3350
+ align-items: center;
3351
3351
  }
3352
3352
 
3353
3353
  .e-field-list-back-icon {
3354
3354
  color: $field-list-back-font-color;
3355
3355
  font-size: 16px;
3356
- height: 24px;
3356
+ height: auto;
3357
3357
  margin-left: 0;
3358
3358
  margin-right: 12px;
3359
- padding-top: 7px;
3360
3359
  text-align: center;
3361
3360
  width: 24px;
3362
3361
  }
@@ -3577,16 +3576,18 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3577
3576
  margin-top: 20px;
3578
3577
  overflow: auto;
3579
3578
 
3579
+ .e-acrdn-header {
3580
+ align-items: center;
3581
+ display: flex;
3582
+ }
3583
+
3580
3584
  .e-acrdn-header-icon {
3581
3585
  display: table;
3582
3586
  font-size: 12px;
3583
- height: 36px;
3584
- min-height: 36px;
3585
3587
  min-width: 28px;
3586
3588
  padding: 0;
3587
3589
  position: absolute;
3588
3590
  right: 16px;
3589
- top: 0;
3590
3591
 
3591
3592
  .e-list-icon {
3592
3593
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss CHANGED
@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 187px !default;
451
451
  }
452
452
  /* stylelint-enable */
453
453
 
454
+ .e-format-condition-button {
455
+ .e-add-icon {
456
+ margin-left: 0;
457
+ }
458
+ }
454
459
  .e-format-value1,
455
460
  .e-format-value2,
456
461
  .e-format-value-span {
@@ -2407,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2407
2412
 
2408
2413
  .e-checkbox-layout {
2409
2414
  max-width: 45%;
2415
+ overflow: visible;
2410
2416
  }
2411
2417
 
2412
2418
  }
@@ -3320,9 +3326,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3320
3326
  background-color: $field-list-mobile-header-color;
3321
3327
  color: $field-list-mobile-header-font-color;
3322
3328
  font-size: 14px;
3323
- height: 48px;
3324
- padding-bottom: 9px;
3325
- padding-top: 9px;
3326
3329
  @if ($skin-name == 'tailwind') {
3327
3330
  padding-left: 16px;
3328
3331
  padding-right: 16px;
@@ -3344,19 +3347,15 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3344
3347
 
3345
3348
  .e-title-mobile-header {
3346
3349
  display: flex;
3347
- }
3348
-
3349
- .e-title-mobile-content {
3350
- margin-top: $field-list-back-margin;
3350
+ align-items: center;
3351
3351
  }
3352
3352
 
3353
3353
  .e-field-list-back-icon {
3354
3354
  color: $field-list-back-font-color;
3355
3355
  font-size: 16px;
3356
- height: 24px;
3356
+ height: auto;
3357
3357
  margin-left: 0;
3358
3358
  margin-right: 12px;
3359
- padding-top: 7px;
3360
3359
  text-align: center;
3361
3360
  width: 24px;
3362
3361
  }
@@ -3577,16 +3576,18 @@ $field-list-adaptive-outerdiv-height: 187px !default;
3577
3576
  margin-top: 20px;
3578
3577
  overflow: auto;
3579
3578
 
3579
+ .e-acrdn-header {
3580
+ align-items: center;
3581
+ display: flex;
3582
+ }
3583
+
3580
3584
  .e-acrdn-header-icon {
3581
3585
  display: table;
3582
3586
  font-size: 12px;
3583
- height: 36px;
3584
- min-height: 36px;
3585
3587
  min-width: 28px;
3586
3588
  padding: 0;
3587
3589
  position: absolute;
3588
3590
  right: 16px;
3589
- top: 0;
3590
3591
 
3591
3592
  .e-list-icon {
3592
3593
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss CHANGED
@@ -453,6 +453,11 @@ $olap-bigger-tree-outer-div-width: 325px !default;
453
453
  }
454
454
  /* stylelint-enable */
455
455
 
456
+ .e-format-condition-button {
457
+ .e-add-icon {
458
+ margin-left: 0;
459
+ }
460
+ }
456
461
  .e-format-value1,
457
462
  .e-format-value2,
458
463
  .e-format-value-span {
@@ -2409,6 +2414,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
2409
2414
 
2410
2415
  .e-checkbox-layout {
2411
2416
  max-width: 45%;
2417
+ overflow: visible;
2412
2418
  }
2413
2419
 
2414
2420
  }
@@ -3322,9 +3328,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
3322
3328
  background-color: $field-list-mobile-header-color;
3323
3329
  color: $field-list-mobile-header-font-color;
3324
3330
  font-size: 14px;
3325
- height: 48px;
3326
- padding-bottom: 9px;
3327
- padding-top: 9px;
3328
3331
  @if ($skin-name == 'tailwind') {
3329
3332
  padding-left: 16px;
3330
3333
  padding-right: 16px;
@@ -3346,19 +3349,15 @@ $olap-bigger-tree-outer-div-width: 325px !default;
3346
3349
 
3347
3350
  .e-title-mobile-header {
3348
3351
  display: flex;
3349
- }
3350
-
3351
- .e-title-mobile-content {
3352
- margin-top: $field-list-back-margin;
3352
+ align-items: center;
3353
3353
  }
3354
3354
 
3355
3355
  .e-field-list-back-icon {
3356
3356
  color: $field-list-back-font-color;
3357
3357
  font-size: 16px;
3358
- height: 24px;
3358
+ height: auto;
3359
3359
  margin-left: 0;
3360
3360
  margin-right: 12px;
3361
- padding-top: 7px;
3362
3361
  text-align: center;
3363
3362
  width: 24px;
3364
3363
  }
@@ -3579,16 +3578,18 @@ $olap-bigger-tree-outer-div-width: 325px !default;
3579
3578
  margin-top: 20px;
3580
3579
  overflow: auto;
3581
3580
 
3581
+ .e-acrdn-header {
3582
+ align-items: center;
3583
+ display: flex;
3584
+ }
3585
+
3582
3586
  .e-acrdn-header-icon {
3583
3587
  display: table;
3584
3588
  font-size: 12px;
3585
- height: 36px;
3586
- min-height: 36px;
3587
3589
  min-width: 28px;
3588
3590
  padding: 0;
3589
3591
  position: absolute;
3590
3592
  right: 16px;
3591
- top: 0;
3592
3593
 
3593
3594
  .e-list-icon {
3594
3595
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss CHANGED
@@ -447,6 +447,11 @@ $field-list-adaptive-outerdiv-height: 166px !default;
447
447
  }
448
448
  /* stylelint-enable */
449
449
 
450
+ .e-format-condition-button {
451
+ .e-add-icon {
452
+ margin-left: 0;
453
+ }
454
+ }
450
455
  .e-format-value1,
451
456
  .e-format-value2,
452
457
  .e-format-value-span {
@@ -2403,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
2403
2408
 
2404
2409
  .e-checkbox-layout {
2405
2410
  max-width: 45%;
2411
+ overflow: visible;
2406
2412
  }
2407
2413
 
2408
2414
  }
@@ -3316,9 +3322,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
3316
3322
  background-color: $field-list-mobile-header-color;
3317
3323
  color: $field-list-mobile-header-font-color;
3318
3324
  font-size: 14px;
3319
- height: 48px;
3320
- padding-bottom: 9px;
3321
- padding-top: 9px;
3322
3325
  @if ($skin-name == 'tailwind') {
3323
3326
  padding-left: 16px;
3324
3327
  padding-right: 16px;
@@ -3340,19 +3343,15 @@ $field-list-adaptive-outerdiv-height: 166px !default;
3340
3343
 
3341
3344
  .e-title-mobile-header {
3342
3345
  display: flex;
3343
- }
3344
-
3345
- .e-title-mobile-content {
3346
- margin-top: $field-list-back-margin;
3346
+ align-items: center;
3347
3347
  }
3348
3348
 
3349
3349
  .e-field-list-back-icon {
3350
3350
  color: $field-list-back-font-color;
3351
3351
  font-size: 16px;
3352
- height: 24px;
3352
+ height: auto;
3353
3353
  margin-left: 0;
3354
3354
  margin-right: 12px;
3355
- padding-top: 7px;
3356
3355
  text-align: center;
3357
3356
  width: 24px;
3358
3357
  }
@@ -3573,16 +3572,18 @@ $field-list-adaptive-outerdiv-height: 166px !default;
3573
3572
  margin-top: 20px;
3574
3573
  overflow: auto;
3575
3574
 
3575
+ .e-acrdn-header {
3576
+ align-items: center;
3577
+ display: flex;
3578
+ }
3579
+
3576
3580
  .e-acrdn-header-icon {
3577
3581
  display: table;
3578
3582
  font-size: 12px;
3579
- height: 36px;
3580
- min-height: 36px;
3581
3583
  min-width: 28px;
3582
3584
  padding: 0;
3583
3585
  position: absolute;
3584
3586
  right: 16px;
3585
- top: 0;
3586
3587
 
3587
3588
  .e-list-icon {
3588
3589
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss CHANGED
@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
451
451
  }
452
452
  /* stylelint-enable */
453
453
 
454
+ .e-format-condition-button {
455
+ .e-add-icon {
456
+ margin-left: 0;
457
+ }
458
+ }
454
459
  .e-format-value1,
455
460
  .e-format-value2,
456
461
  .e-format-value-span {
@@ -2407,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2407
2412
 
2408
2413
  .e-checkbox-layout {
2409
2414
  max-width: 45%;
2415
+ overflow: visible;
2410
2416
  }
2411
2417
 
2412
2418
  }
@@ -3320,9 +3326,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3320
3326
  background-color: $field-list-mobile-header-color;
3321
3327
  color: $field-list-mobile-header-font-color;
3322
3328
  font-size: 14px;
3323
- height: 48px;
3324
- padding-bottom: 9px;
3325
- padding-top: 9px;
3326
3329
  @if ($skin-name == 'tailwind') {
3327
3330
  padding-left: 16px;
3328
3331
  padding-right: 16px;
@@ -3344,19 +3347,15 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3344
3347
 
3345
3348
  .e-title-mobile-header {
3346
3349
  display: flex;
3347
- }
3348
-
3349
- .e-title-mobile-content {
3350
- margin-top: $field-list-back-margin;
3350
+ align-items: center;
3351
3351
  }
3352
3352
 
3353
3353
  .e-field-list-back-icon {
3354
3354
  color: $field-list-back-font-color;
3355
3355
  font-size: 16px;
3356
- height: 24px;
3356
+ height: auto;
3357
3357
  margin-left: 0;
3358
3358
  margin-right: 12px;
3359
- padding-top: 7px;
3360
3359
  text-align: center;
3361
3360
  width: 24px;
3362
3361
  }
@@ -3577,16 +3576,18 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3577
3576
  margin-top: 20px;
3578
3577
  overflow: auto;
3579
3578
 
3579
+ .e-acrdn-header {
3580
+ align-items: center;
3581
+ display: flex;
3582
+ }
3583
+
3580
3584
  .e-acrdn-header-icon {
3581
3585
  display: table;
3582
3586
  font-size: 12px;
3583
- height: 36px;
3584
- min-height: 36px;
3585
3587
  min-width: 28px;
3586
3588
  padding: 0;
3587
3589
  position: absolute;
3588
3590
  right: 16px;
3589
- top: 0;
3590
3591
 
3591
3592
  .e-list-icon {
3592
3593
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss CHANGED
@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
451
451
  }
452
452
  /* stylelint-enable */
453
453
 
454
+ .e-format-condition-button {
455
+ .e-add-icon {
456
+ margin-left: 0;
457
+ }
458
+ }
454
459
  .e-format-value1,
455
460
  .e-format-value2,
456
461
  .e-format-value-span {
@@ -2407,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2407
2412
 
2408
2413
  .e-checkbox-layout {
2409
2414
  max-width: 45%;
2415
+ overflow: visible;
2410
2416
  }
2411
2417
 
2412
2418
  }
@@ -3320,9 +3326,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3320
3326
  background-color: $field-list-mobile-header-color;
3321
3327
  color: $field-list-mobile-header-font-color;
3322
3328
  font-size: 14px;
3323
- height: 48px;
3324
- padding-bottom: 9px;
3325
- padding-top: 9px;
3326
3329
  @if ($skin-name == 'tailwind') {
3327
3330
  padding-left: 16px;
3328
3331
  padding-right: 16px;
@@ -3344,19 +3347,15 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3344
3347
 
3345
3348
  .e-title-mobile-header {
3346
3349
  display: flex;
3347
- }
3348
-
3349
- .e-title-mobile-content {
3350
- margin-top: $field-list-back-margin;
3350
+ align-items: center;
3351
3351
  }
3352
3352
 
3353
3353
  .e-field-list-back-icon {
3354
3354
  color: $field-list-back-font-color;
3355
3355
  font-size: 16px;
3356
- height: 24px;
3356
+ height: auto;
3357
3357
  margin-left: 0;
3358
3358
  margin-right: 12px;
3359
- padding-top: 7px;
3360
3359
  text-align: center;
3361
3360
  width: 24px;
3362
3361
  }
@@ -3577,16 +3576,18 @@ $field-list-adaptive-outerdiv-height: 184px !default;
3577
3576
  margin-top: 20px;
3578
3577
  overflow: auto;
3579
3578
 
3579
+ .e-acrdn-header {
3580
+ align-items: center;
3581
+ display: flex;
3582
+ }
3583
+
3580
3584
  .e-acrdn-header-icon {
3581
3585
  display: table;
3582
3586
  font-size: 12px;
3583
- height: 36px;
3584
- min-height: 36px;
3585
3587
  min-width: 28px;
3586
3588
  padding: 0;
3587
3589
  position: absolute;
3588
3590
  right: 16px;
3589
- top: 0;
3590
3591
 
3591
3592
  .e-list-icon {
3592
3593
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss CHANGED
@@ -448,6 +448,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
448
448
  }
449
449
  /* stylelint-enable */
450
450
 
451
+ .e-format-condition-button {
452
+ .e-add-icon {
453
+ margin-left: 0;
454
+ }
455
+ }
451
456
  .e-format-value1,
452
457
  .e-format-value2,
453
458
  .e-format-value-span {
@@ -2404,6 +2409,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
2404
2409
 
2405
2410
  .e-checkbox-layout {
2406
2411
  max-width: 45%;
2412
+ overflow: visible;
2407
2413
  }
2408
2414
 
2409
2415
  }
@@ -3317,9 +3323,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
3317
3323
  background-color: $field-list-mobile-header-color;
3318
3324
  color: $field-list-mobile-header-font-color;
3319
3325
  font-size: 14px;
3320
- height: 48px;
3321
- padding-bottom: 9px;
3322
- padding-top: 9px;
3323
3326
  @if ($skin-name == 'tailwind') {
3324
3327
  padding-left: 16px;
3325
3328
  padding-right: 16px;
@@ -3341,19 +3344,15 @@ $field-list-adaptive-outerdiv-height: 164px !default;
3341
3344
 
3342
3345
  .e-title-mobile-header {
3343
3346
  display: flex;
3344
- }
3345
-
3346
- .e-title-mobile-content {
3347
- margin-top: $field-list-back-margin;
3347
+ align-items: center;
3348
3348
  }
3349
3349
 
3350
3350
  .e-field-list-back-icon {
3351
3351
  color: $field-list-back-font-color;
3352
3352
  font-size: 16px;
3353
- height: 24px;
3353
+ height: auto;
3354
3354
  margin-left: 0;
3355
3355
  margin-right: 12px;
3356
- padding-top: 7px;
3357
3356
  text-align: center;
3358
3357
  width: 24px;
3359
3358
  }
@@ -3574,16 +3573,18 @@ $field-list-adaptive-outerdiv-height: 164px !default;
3574
3573
  margin-top: 20px;
3575
3574
  overflow: auto;
3576
3575
 
3576
+ .e-acrdn-header {
3577
+ align-items: center;
3578
+ display: flex;
3579
+ }
3580
+
3577
3581
  .e-acrdn-header-icon {
3578
3582
  display: table;
3579
3583
  font-size: 12px;
3580
- height: 36px;
3581
- min-height: 36px;
3582
3584
  min-width: 28px;
3583
3585
  padding: 0;
3584
3586
  position: absolute;
3585
3587
  right: 16px;
3586
- top: 0;
3587
3588
 
3588
3589
  .e-list-icon {
3589
3590
  cursor: pointer;
package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss CHANGED
@@ -448,6 +448,11 @@ $field-list-adaptive-outerdiv-height: 190px !default;
448
448
  }
449
449
  /* stylelint-enable */
450
450
 
451
+ .e-format-condition-button {
452
+ .e-add-icon {
453
+ margin-left: 0;
454
+ }
455
+ }
451
456
  .e-format-value1,
452
457
  .e-format-value2,
453
458
  .e-format-value-span {
@@ -2404,6 +2409,7 @@ $field-list-adaptive-outerdiv-height: 190px !default;
2404
2409
 
2405
2410
  .e-checkbox-layout {
2406
2411
  max-width: 45%;
2412
+ overflow: visible;
2407
2413
  }
2408
2414
 
2409
2415
  }
@@ -3317,9 +3323,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
3317
3323
  background-color: $field-list-mobile-header-color;
3318
3324
  color: $field-list-mobile-header-font-color;
3319
3325
  font-size: 14px;
3320
- height: 48px;
3321
- padding-bottom: 9px;
3322
- padding-top: 9px;
3323
3326
  @if ($skin-name == 'tailwind') {
3324
3327
  padding-left: 16px;
3325
3328
  padding-right: 16px;
@@ -3341,19 +3344,15 @@ $field-list-adaptive-outerdiv-height: 190px !default;
3341
3344
 
3342
3345
  .e-title-mobile-header {
3343
3346
  display: flex;
3344
- }
3345
-
3346
- .e-title-mobile-content {
3347
- margin-top: $field-list-back-margin;
3347
+ align-items: center;
3348
3348
  }
3349
3349
 
3350
3350
  .e-field-list-back-icon {
3351
3351
  color: $field-list-back-font-color;
3352
3352
  font-size: 16px;
3353
- height: 24px;
3353
+ height: auto;
3354
3354
  margin-left: 0;
3355
3355
  margin-right: 12px;
3356
- padding-top: 7px;
3357
3356
  text-align: center;
3358
3357
  width: 24px;
3359
3358
  }
@@ -3574,16 +3573,18 @@ $field-list-adaptive-outerdiv-height: 190px !default;
3574
3573
  margin-top: 20px;
3575
3574
  overflow: auto;
3576
3575
 
3576
+ .e-acrdn-header {
3577
+ align-items: center;
3578
+ display: flex;
3579
+ }
3580
+
3577
3581
  .e-acrdn-header-icon {
3578
3582
  display: table;
3579
3583
  font-size: 12px;
3580
- height: 36px;
3581
- min-height: 36px;
3582
3584
  min-width: 28px;
3583
3585
  padding: 0;
3584
3586
  position: absolute;
3585
3587
  right: 16px;
3586
- top: 0;
3587
3588
 
3588
3589
  .e-list-icon {
3589
3590
  cursor: pointer;