@syncfusion/blazor-themes 24.2.5 → 24.2.7

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 (70) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +93 -7
  2. package/SCSS-Themes/bootstrap.scss +93 -7
  3. package/SCSS-Themes/bootstrap4.scss +96 -10
  4. package/SCSS-Themes/bootstrap5-dark.scss +93 -7
  5. package/SCSS-Themes/bootstrap5.scss +93 -7
  6. package/SCSS-Themes/buttons/button/tailwind-dark.scss +1 -1
  7. package/SCSS-Themes/buttons/button/tailwind.scss +1 -1
  8. package/SCSS-Themes/fabric-dark.scss +93 -7
  9. package/SCSS-Themes/fabric.scss +93 -7
  10. package/SCSS-Themes/fluent-dark.scss +95 -9
  11. package/SCSS-Themes/fluent.scss +95 -9
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +2 -2
  13. package/SCSS-Themes/grids/grid/fluent-dark.scss +2 -2
  14. package/SCSS-Themes/grids/grid/fluent.scss +2 -2
  15. package/SCSS-Themes/highcontrast.scss +93 -7
  16. package/SCSS-Themes/material-dark.scss +93 -7
  17. package/SCSS-Themes/material.scss +93 -7
  18. package/SCSS-Themes/material3-dark.scss +93 -7
  19. package/SCSS-Themes/material3.scss +93 -7
  20. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -1
  21. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -1
  22. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -1
  23. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +1 -1
  24. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +1 -1
  25. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -1
  26. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -1
  27. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +1 -1
  28. package/SCSS-Themes/pivotview/pivotview/fluent.scss +1 -1
  29. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +1 -1
  30. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -1
  31. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -1
  32. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +1 -1
  33. package/SCSS-Themes/pivotview/pivotview/material3.scss +1 -1
  34. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +1 -1
  35. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +1 -1
  36. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +35 -6
  37. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +35 -6
  38. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +36 -7
  39. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +35 -6
  40. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +35 -6
  41. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +35 -6
  42. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +35 -6
  43. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +35 -6
  44. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +35 -6
  45. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +35 -6
  46. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +35 -6
  47. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +35 -6
  48. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +35 -6
  49. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +35 -6
  50. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +52 -23
  51. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +52 -23
  52. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +57 -0
  53. package/SCSS-Themes/schedule/schedule/bootstrap.scss +57 -0
  54. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +57 -0
  55. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +57 -0
  56. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +57 -0
  57. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +57 -0
  58. package/SCSS-Themes/schedule/schedule/fabric.scss +57 -0
  59. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +57 -0
  60. package/SCSS-Themes/schedule/schedule/fluent.scss +57 -0
  61. package/SCSS-Themes/schedule/schedule/highcontrast.scss +57 -0
  62. package/SCSS-Themes/schedule/schedule/material-dark.scss +57 -0
  63. package/SCSS-Themes/schedule/schedule/material.scss +57 -0
  64. package/SCSS-Themes/schedule/schedule/material3-dark.scss +57 -0
  65. package/SCSS-Themes/schedule/schedule/material3.scss +57 -0
  66. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +57 -0
  67. package/SCSS-Themes/schedule/schedule/tailwind.scss +57 -0
  68. package/SCSS-Themes/tailwind-dark.scss +111 -25
  69. package/SCSS-Themes/tailwind.scss +111 -25
  70. package/package.json +1 -1
@@ -978,6 +978,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
978
978
  }
979
979
  }
980
980
 
981
+ @if $skin-name == 'tailwind' {
982
+ .e-bigger {
983
+ .e-richtexteditor {
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
985
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
986
+ padding: 0 8px;
987
+ }
988
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
989
+ padding: 0 8px;
990
+ }
991
+ }
992
+ }
993
+ }
994
+
981
995
  .e-rte-linkcontent .e-rte-label {
982
996
  padding-top: $rte-insert-dialog-label-padding-top;
983
997
  }
@@ -1228,19 +1242,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1228
1242
  }
1229
1243
 
1230
1244
  .e-rte-img-caption.e-imgcenter {
1231
- display: block;
1245
+ display: contents;
1232
1246
  margin-left: auto;
1233
1247
  margin-right: auto;
1234
1248
  }
1235
1249
 
1236
1250
  .e-rte-img-caption.e-imgright {
1237
- display: block;
1251
+ display: contents;
1238
1252
  margin-left: auto;
1239
1253
  margin-right: 0;
1240
1254
  }
1241
1255
 
1242
1256
  .e-rte-img-caption.e-imgleft {
1243
- display: block;
1257
+ display: contents;
1244
1258
  margin-left: 0;
1245
1259
  margin-right: auto;
1246
1260
  }
@@ -1257,7 +1271,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1257
1271
  }
1258
1272
 
1259
1273
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1260
- display: block;
1274
+ display: contents;
1261
1275
  }
1262
1276
 
1263
1277
  .e-rte-table {
@@ -1954,6 +1968,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1954
1968
  }
1955
1969
  }
1956
1970
  }
1971
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1972
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1973
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1974
+ @if $skin-name == 'tailwind' {
1975
+ padding: 1px;
1976
+ }
1977
+ }
1978
+ }
1957
1979
 
1958
1980
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1959
1981
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3281,8 +3303,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3281
3303
  }
3282
3304
 
3283
3305
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3284
- border-bottom: 1px solid $transparent;
3285
- border-top: 1px solid $transparent;
3306
+ border: 1px solid $transparent;
3286
3307
  }
3287
3308
 
3288
3309
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3294,6 +3315,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3294
3315
  background: $rte-tb-hover-bg-color;
3295
3316
  border: 1px solid $rte-quick-item-hover-border-color;
3296
3317
  }
3318
+
3319
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3320
+ border: 1px solid $transparent;
3321
+ }
3322
+
3323
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3324
+ border: 1px solid $transparent;
3325
+ }
3297
3326
  }
3298
3327
 
3299
3328
  @if $skin-name == 'bootstrap5' {
@@ -972,6 +972,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
972
972
  }
973
973
  }
974
974
 
975
+ @if $skin-name == 'tailwind' {
976
+ .e-bigger {
977
+ .e-richtexteditor {
978
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
979
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
980
+ padding: 0 8px;
981
+ }
982
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
983
+ padding: 0 8px;
984
+ }
985
+ }
986
+ }
987
+ }
988
+
975
989
  .e-rte-linkcontent .e-rte-label {
976
990
  padding-top: $rte-insert-dialog-label-padding-top;
977
991
  }
@@ -1222,19 +1236,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1222
1236
  }
1223
1237
 
1224
1238
  .e-rte-img-caption.e-imgcenter {
1225
- display: block;
1239
+ display: contents;
1226
1240
  margin-left: auto;
1227
1241
  margin-right: auto;
1228
1242
  }
1229
1243
 
1230
1244
  .e-rte-img-caption.e-imgright {
1231
- display: block;
1245
+ display: contents;
1232
1246
  margin-left: auto;
1233
1247
  margin-right: 0;
1234
1248
  }
1235
1249
 
1236
1250
  .e-rte-img-caption.e-imgleft {
1237
- display: block;
1251
+ display: contents;
1238
1252
  margin-left: 0;
1239
1253
  margin-right: auto;
1240
1254
  }
@@ -1251,7 +1265,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1251
1265
  }
1252
1266
 
1253
1267
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1254
- display: block;
1268
+ display: contents;
1255
1269
  }
1256
1270
 
1257
1271
  .e-rte-table {
@@ -1948,6 +1962,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1948
1962
  }
1949
1963
  }
1950
1964
  }
1965
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1966
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1967
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1968
+ @if $skin-name == 'tailwind' {
1969
+ padding: 1px;
1970
+ }
1971
+ }
1972
+ }
1951
1973
 
1952
1974
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1953
1975
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3275,8 +3297,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3275
3297
  }
3276
3298
 
3277
3299
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3278
- border-bottom: 1px solid $transparent;
3279
- border-top: 1px solid $transparent;
3300
+ border: 1px solid $transparent;
3280
3301
  }
3281
3302
 
3282
3303
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3288,6 +3309,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3288
3309
  background: $rte-tb-hover-bg-color;
3289
3310
  border: 1px solid $rte-quick-item-hover-border-color;
3290
3311
  }
3312
+
3313
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3314
+ border: 1px solid $transparent;
3315
+ }
3316
+
3317
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3318
+ border: 1px solid $transparent;
3319
+ }
3291
3320
  }
3292
3321
 
3293
3322
  @if $skin-name == 'bootstrap5' {
@@ -977,6 +977,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
977
977
  }
978
978
  }
979
979
 
980
+ @if $skin-name == 'tailwind' {
981
+ .e-bigger {
982
+ .e-richtexteditor {
983
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
985
+ padding: 0 8px;
986
+ }
987
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
988
+ padding: 0 8px;
989
+ }
990
+ }
991
+ }
992
+ }
993
+
980
994
  .e-rte-linkcontent .e-rte-label {
981
995
  padding-top: $rte-insert-dialog-label-padding-top;
982
996
  }
@@ -1227,19 +1241,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1227
1241
  }
1228
1242
 
1229
1243
  .e-rte-img-caption.e-imgcenter {
1230
- display: block;
1244
+ display: contents;
1231
1245
  margin-left: auto;
1232
1246
  margin-right: auto;
1233
1247
  }
1234
1248
 
1235
1249
  .e-rte-img-caption.e-imgright {
1236
- display: block;
1250
+ display: contents;
1237
1251
  margin-left: auto;
1238
1252
  margin-right: 0;
1239
1253
  }
1240
1254
 
1241
1255
  .e-rte-img-caption.e-imgleft {
1242
- display: block;
1256
+ display: contents;
1243
1257
  margin-left: 0;
1244
1258
  margin-right: auto;
1245
1259
  }
@@ -1256,7 +1270,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1256
1270
  }
1257
1271
 
1258
1272
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1259
- display: block;
1273
+ display: contents;
1260
1274
  }
1261
1275
 
1262
1276
  .e-rte-table {
@@ -1953,6 +1967,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1953
1967
  }
1954
1968
  }
1955
1969
  }
1970
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1971
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1972
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1973
+ @if $skin-name == 'tailwind' {
1974
+ padding: 1px;
1975
+ }
1976
+ }
1977
+ }
1956
1978
 
1957
1979
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1958
1980
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3280,8 +3302,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3280
3302
  }
3281
3303
 
3282
3304
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3283
- border-bottom: 1px solid $transparent;
3284
- border-top: 1px solid $transparent;
3305
+ border: 1px solid $transparent;
3285
3306
  }
3286
3307
 
3287
3308
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3293,6 +3314,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3293
3314
  background: $rte-tb-hover-bg-color;
3294
3315
  border: 1px solid $rte-quick-item-hover-border-color;
3295
3316
  }
3317
+
3318
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3319
+ border: 1px solid $transparent;
3320
+ }
3321
+
3322
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3323
+ border: 1px solid $transparent;
3324
+ }
3296
3325
  }
3297
3326
 
3298
3327
  @if $skin-name == 'bootstrap5' {
@@ -975,6 +975,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
975
975
  }
976
976
  }
977
977
 
978
+ @if $skin-name == 'tailwind' {
979
+ .e-bigger {
980
+ .e-richtexteditor {
981
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
982
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
983
+ padding: 0 8px;
984
+ }
985
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
986
+ padding: 0 8px;
987
+ }
988
+ }
989
+ }
990
+ }
991
+
978
992
  .e-rte-linkcontent .e-rte-label {
979
993
  padding-top: $rte-insert-dialog-label-padding-top;
980
994
  }
@@ -1225,19 +1239,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1225
1239
  }
1226
1240
 
1227
1241
  .e-rte-img-caption.e-imgcenter {
1228
- display: block;
1242
+ display: contents;
1229
1243
  margin-left: auto;
1230
1244
  margin-right: auto;
1231
1245
  }
1232
1246
 
1233
1247
  .e-rte-img-caption.e-imgright {
1234
- display: block;
1248
+ display: contents;
1235
1249
  margin-left: auto;
1236
1250
  margin-right: 0;
1237
1251
  }
1238
1252
 
1239
1253
  .e-rte-img-caption.e-imgleft {
1240
- display: block;
1254
+ display: contents;
1241
1255
  margin-left: 0;
1242
1256
  margin-right: auto;
1243
1257
  }
@@ -1254,7 +1268,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1254
1268
  }
1255
1269
 
1256
1270
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1257
- display: block;
1271
+ display: contents;
1258
1272
  }
1259
1273
 
1260
1274
  .e-rte-table {
@@ -1951,6 +1965,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1951
1965
  }
1952
1966
  }
1953
1967
  }
1968
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1969
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1970
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1971
+ @if $skin-name == 'tailwind' {
1972
+ padding: 1px;
1973
+ }
1974
+ }
1975
+ }
1954
1976
 
1955
1977
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1956
1978
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3278,8 +3300,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3278
3300
  }
3279
3301
 
3280
3302
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3281
- border-bottom: 1px solid $transparent;
3282
- border-top: 1px solid $transparent;
3303
+ border: 1px solid $transparent;
3283
3304
  }
3284
3305
 
3285
3306
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3291,6 +3312,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3291
3312
  background: $rte-tb-hover-bg-color;
3292
3313
  border: 1px solid $rte-quick-item-hover-border-color;
3293
3314
  }
3315
+
3316
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3317
+ border: 1px solid $transparent;
3318
+ }
3319
+
3320
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3321
+ border: 1px solid $transparent;
3322
+ }
3294
3323
  }
3295
3324
 
3296
3325
  @if $skin-name == 'bootstrap5' {
@@ -977,6 +977,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
977
977
  }
978
978
  }
979
979
 
980
+ @if $skin-name == 'tailwind' {
981
+ .e-bigger {
982
+ .e-richtexteditor {
983
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
985
+ padding: 0 8px;
986
+ }
987
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
988
+ padding: 0 8px;
989
+ }
990
+ }
991
+ }
992
+ }
993
+
980
994
  .e-rte-linkcontent .e-rte-label {
981
995
  padding-top: $rte-insert-dialog-label-padding-top;
982
996
  }
@@ -1227,19 +1241,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1227
1241
  }
1228
1242
 
1229
1243
  .e-rte-img-caption.e-imgcenter {
1230
- display: block;
1244
+ display: contents;
1231
1245
  margin-left: auto;
1232
1246
  margin-right: auto;
1233
1247
  }
1234
1248
 
1235
1249
  .e-rte-img-caption.e-imgright {
1236
- display: block;
1250
+ display: contents;
1237
1251
  margin-left: auto;
1238
1252
  margin-right: 0;
1239
1253
  }
1240
1254
 
1241
1255
  .e-rte-img-caption.e-imgleft {
1242
- display: block;
1256
+ display: contents;
1243
1257
  margin-left: 0;
1244
1258
  margin-right: auto;
1245
1259
  }
@@ -1256,7 +1270,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1256
1270
  }
1257
1271
 
1258
1272
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1259
- display: block;
1273
+ display: contents;
1260
1274
  }
1261
1275
 
1262
1276
  .e-rte-table {
@@ -1953,6 +1967,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1953
1967
  }
1954
1968
  }
1955
1969
  }
1970
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1971
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1972
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1973
+ @if $skin-name == 'tailwind' {
1974
+ padding: 1px;
1975
+ }
1976
+ }
1977
+ }
1956
1978
 
1957
1979
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1958
1980
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3280,8 +3302,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3280
3302
  }
3281
3303
 
3282
3304
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3283
- border-bottom: 1px solid $transparent;
3284
- border-top: 1px solid $transparent;
3305
+ border: 1px solid $transparent;
3285
3306
  }
3286
3307
 
3287
3308
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3293,6 +3314,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3293
3314
  background: $rte-tb-hover-bg-color;
3294
3315
  border: 1px solid $rte-quick-item-hover-border-color;
3295
3316
  }
3317
+
3318
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3319
+ border: 1px solid $transparent;
3320
+ }
3321
+
3322
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3323
+ border: 1px solid $transparent;
3324
+ }
3296
3325
  }
3297
3326
 
3298
3327
  @if $skin-name == 'bootstrap5' {
@@ -977,6 +977,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
977
977
  }
978
978
  }
979
979
 
980
+ @if $skin-name == 'tailwind' {
981
+ .e-bigger {
982
+ .e-richtexteditor {
983
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
985
+ padding: 0 8px;
986
+ }
987
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
988
+ padding: 0 8px;
989
+ }
990
+ }
991
+ }
992
+ }
993
+
980
994
  .e-rte-linkcontent .e-rte-label {
981
995
  padding-top: $rte-insert-dialog-label-padding-top;
982
996
  }
@@ -1227,19 +1241,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1227
1241
  }
1228
1242
 
1229
1243
  .e-rte-img-caption.e-imgcenter {
1230
- display: block;
1244
+ display: contents;
1231
1245
  margin-left: auto;
1232
1246
  margin-right: auto;
1233
1247
  }
1234
1248
 
1235
1249
  .e-rte-img-caption.e-imgright {
1236
- display: block;
1250
+ display: contents;
1237
1251
  margin-left: auto;
1238
1252
  margin-right: 0;
1239
1253
  }
1240
1254
 
1241
1255
  .e-rte-img-caption.e-imgleft {
1242
- display: block;
1256
+ display: contents;
1243
1257
  margin-left: 0;
1244
1258
  margin-right: auto;
1245
1259
  }
@@ -1256,7 +1270,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1256
1270
  }
1257
1271
 
1258
1272
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1259
- display: block;
1273
+ display: contents;
1260
1274
  }
1261
1275
 
1262
1276
  .e-rte-table {
@@ -1953,6 +1967,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1953
1967
  }
1954
1968
  }
1955
1969
  }
1970
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1971
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1972
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1973
+ @if $skin-name == 'tailwind' {
1974
+ padding: 1px;
1975
+ }
1976
+ }
1977
+ }
1956
1978
 
1957
1979
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1958
1980
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3280,8 +3302,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3280
3302
  }
3281
3303
 
3282
3304
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3283
- border-bottom: 1px solid $transparent;
3284
- border-top: 1px solid $transparent;
3305
+ border: 1px solid $transparent;
3285
3306
  }
3286
3307
 
3287
3308
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3293,6 +3314,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3293
3314
  background: $rte-tb-hover-bg-color;
3294
3315
  border: 1px solid $rte-quick-item-hover-border-color;
3295
3316
  }
3317
+
3318
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3319
+ border: 1px solid $transparent;
3320
+ }
3321
+
3322
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3323
+ border: 1px solid $transparent;
3324
+ }
3296
3325
  }
3297
3326
 
3298
3327
  @if $skin-name == 'bootstrap5' {