rsuite 5.83.2 → 5.83.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## [5.83.3](https://github.com/rsuite/rsuite/compare/v5.83.2...v5.83.3) (2025-08-04)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **Table:** improve header alignment and expand/collapse animations ([#4360](https://github.com/rsuite/rsuite/issues/4360)) ([3acd117](https://github.com/rsuite/rsuite/commit/3acd11703222a381685f8ba0ffad9a1283abf421))
7
+
8
+
9
+
1
10
  ## [5.83.2](https://github.com/rsuite/rsuite/compare/v5.83.1...v5.83.2) (2025-07-20)
2
11
 
3
12
 
@@ -317,6 +317,12 @@
317
317
  .rs-table-cell-header .rs-table-cell-content {
318
318
  padding: 10px 10px;
319
319
  line-height: 1.66666667;
320
+ display: -webkit-box;
321
+ display: -ms-flexbox;
322
+ display: flex;
323
+ -webkit-box-align: center;
324
+ -ms-flex-align: center;
325
+ align-items: center;
320
326
  }
321
327
  .rs-table-cell-header-sort-wrapper {
322
328
  cursor: pointer;
@@ -328,6 +334,13 @@
328
334
  color: var(--rs-table-sort);
329
335
  font-size: 16px;
330
336
  line-height: 1.66666667;
337
+ display: -webkit-box;
338
+ display: -ms-flexbox;
339
+ display: flex;
340
+ }
341
+ .rs-table-cell-header-icon-sort:where([data-sort='asc']) {
342
+ -webkit-transform: rotate(180deg);
343
+ transform: rotate(180deg);
331
344
  }
332
345
  .rs-table-cell-rowspan {
333
346
  border-bottom: 1px solid #f2f2f5 !important;
@@ -480,6 +493,14 @@
480
493
  cursor: pointer;
481
494
  outline: none;
482
495
  font-size: 16px;
496
+ -webkit-transition: -webkit-transform 0.3s ease;
497
+ transition: -webkit-transform 0.3s ease;
498
+ transition: transform 0.3s ease;
499
+ transition: transform 0.3s ease, -webkit-transform 0.3s ease;
500
+ }
501
+ .rs-table-cell-expand-icon:where([data-expanded='true']) {
502
+ -webkit-transform: rotate(90deg);
503
+ transform: rotate(90deg);
483
504
  }
484
505
  .rs-table-scrollbar {
485
506
  background-color: #e5e5ea;
@@ -187,6 +187,8 @@
187
187
  &-header &-content {
188
188
  padding: @table-header-padding-y @table-header-padding-x;
189
189
  line-height: @table-header-line-height;
190
+ display: flex;
191
+ align-items: center;
190
192
  }
191
193
 
192
194
  &-header {
@@ -200,6 +202,10 @@
200
202
  color: var(--rs-table-sort);
201
203
  font-size: 16px;
202
204
  line-height: @table-header-line-height;
205
+ display: flex;
206
+ &:where([data-sort='asc']) {
207
+ transform: rotate(180deg);
208
+ }
203
209
  }
204
210
  }
205
211
 
@@ -356,6 +362,11 @@
356
362
  cursor: pointer;
357
363
  outline: none;
358
364
  font-size: 16px;
365
+ transition: transform 0.3s ease;
366
+
367
+ &:where([data-expanded='true']) {
368
+ transform: rotate(90deg);
369
+ }
359
370
  }
360
371
 
361
372
  // Scrollbar
@@ -14274,6 +14274,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14274
14274
  .rs-table-cell-header .rs-table-cell-content {
14275
14275
  padding: 10px 10px;
14276
14276
  line-height: 1.66666667;
14277
+ display: -webkit-box;
14278
+ display: -ms-flexbox;
14279
+ display: flex;
14280
+ -webkit-box-align: center;
14281
+ -ms-flex-align: center;
14282
+ align-items: center;
14277
14283
  }
14278
14284
  .rs-table-cell-header-sort-wrapper {
14279
14285
  cursor: pointer;
@@ -14285,6 +14291,13 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14285
14291
  color: var(--rs-table-sort);
14286
14292
  font-size: 16px;
14287
14293
  line-height: 1.66666667;
14294
+ display: -webkit-box;
14295
+ display: -ms-flexbox;
14296
+ display: flex;
14297
+ }
14298
+ .rs-table-cell-header-icon-sort:where([data-sort='asc']) {
14299
+ -webkit-transform: rotate(-180deg);
14300
+ transform: rotate(-180deg);
14288
14301
  }
14289
14302
  .rs-table-cell-rowspan {
14290
14303
  border-bottom: 1px solid #f2f2f5 !important;
@@ -14437,6 +14450,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14437
14450
  cursor: pointer;
14438
14451
  outline: none;
14439
14452
  font-size: 16px;
14453
+ -webkit-transition: -webkit-transform 0.3s ease;
14454
+ transition: -webkit-transform 0.3s ease;
14455
+ transition: transform 0.3s ease;
14456
+ transition: transform 0.3s ease, -webkit-transform 0.3s ease;
14457
+ }
14458
+ .rs-table-cell-expand-icon:where([data-expanded='true']) {
14459
+ -webkit-transform: rotate(-90deg);
14460
+ transform: rotate(-90deg);
14440
14461
  }
14441
14462
  .rs-table-scrollbar {
14442
14463
  background-color: #e5e5ea;