@scania/tegel-lite 1.7.0-table-vars-beta.0 → 1.7.0-table-vars-beta.1
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/dist/components.css +9 -3
- package/dist/tl-table.css +9 -3
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -9171,7 +9171,7 @@ body {
|
|
|
9171
9171
|
|
|
9172
9172
|
.tl-table__page-selector .tl-text-field {
|
|
9173
9173
|
min-width: unset;
|
|
9174
|
-
width:
|
|
9174
|
+
width: 87px;
|
|
9175
9175
|
}
|
|
9176
9176
|
.tl-table__page-selector .tl-text-field .tl-text-field__input {
|
|
9177
9177
|
font-family: var(--type-system-body-01-font-family);
|
|
@@ -9183,9 +9183,9 @@ body {
|
|
|
9183
9183
|
background-color: var(--table-footer-page-selector-input-background);
|
|
9184
9184
|
color: var(--table-footer-text-color);
|
|
9185
9185
|
margin-right: var(--unit-10);
|
|
9186
|
-
width:
|
|
9186
|
+
width: 77px;
|
|
9187
9187
|
height: 40px;
|
|
9188
|
-
|
|
9188
|
+
padding-left: 16px;
|
|
9189
9189
|
}
|
|
9190
9190
|
.tl-table__page-selector .tl-text-field .tl-text-field__input:hover {
|
|
9191
9191
|
background-color: var(--table-footer-page-selector-input-background);
|
|
@@ -9485,6 +9485,9 @@ body {
|
|
|
9485
9485
|
.tl-table__body-cell--column-highlight {
|
|
9486
9486
|
--table-cell-background: var(--table-body-cell-hover);
|
|
9487
9487
|
}
|
|
9488
|
+
.tl-table__row--selected .tl-table__body-cell--column-highlight {
|
|
9489
|
+
--table-cell-background: var(--table-body-row-selected-hover);
|
|
9490
|
+
}
|
|
9488
9491
|
.tl-table--compact .tl-table__body-cell {
|
|
9489
9492
|
height: 32px;
|
|
9490
9493
|
padding: 8px 16px;
|
|
@@ -9507,6 +9510,9 @@ body {
|
|
|
9507
9510
|
.tl-table--vertical-dividers .tl-table__body-cell:not(:last-child) {
|
|
9508
9511
|
border-right: 1px solid var(--table-divider);
|
|
9509
9512
|
}
|
|
9513
|
+
.tl-table--vertical-dividers .tl-table__row--expanded .tl-table__body-cell:not(:has(.tl-table__expand-control)) {
|
|
9514
|
+
border-bottom: 1px solid var(--table-divider);
|
|
9515
|
+
}
|
|
9510
9516
|
.tl-table--cell-text-align-left .tl-table__body-cell {
|
|
9511
9517
|
text-align: left;
|
|
9512
9518
|
}
|
package/dist/tl-table.css
CHANGED
|
@@ -265,7 +265,7 @@ body {
|
|
|
265
265
|
|
|
266
266
|
.tl-table__page-selector .tl-text-field {
|
|
267
267
|
min-width: unset;
|
|
268
|
-
width:
|
|
268
|
+
width: 87px;
|
|
269
269
|
}
|
|
270
270
|
.tl-table__page-selector .tl-text-field .tl-text-field__input {
|
|
271
271
|
font-family: var(--type-system-body-01-font-family);
|
|
@@ -277,9 +277,9 @@ body {
|
|
|
277
277
|
background-color: var(--table-footer-page-selector-input-background);
|
|
278
278
|
color: var(--table-footer-text-color);
|
|
279
279
|
margin-right: var(--unit-10);
|
|
280
|
-
width:
|
|
280
|
+
width: 77px;
|
|
281
281
|
height: 40px;
|
|
282
|
-
|
|
282
|
+
padding-left: 16px;
|
|
283
283
|
}
|
|
284
284
|
.tl-table__page-selector .tl-text-field .tl-text-field__input:hover {
|
|
285
285
|
background-color: var(--table-footer-page-selector-input-background);
|
|
@@ -579,6 +579,9 @@ body {
|
|
|
579
579
|
.tl-table__body-cell--column-highlight {
|
|
580
580
|
--table-cell-background: var(--table-body-cell-hover);
|
|
581
581
|
}
|
|
582
|
+
.tl-table__row--selected .tl-table__body-cell--column-highlight {
|
|
583
|
+
--table-cell-background: var(--table-body-row-selected-hover);
|
|
584
|
+
}
|
|
582
585
|
.tl-table--compact .tl-table__body-cell {
|
|
583
586
|
height: 32px;
|
|
584
587
|
padding: 8px 16px;
|
|
@@ -601,6 +604,9 @@ body {
|
|
|
601
604
|
.tl-table--vertical-dividers .tl-table__body-cell:not(:last-child) {
|
|
602
605
|
border-right: 1px solid var(--table-divider);
|
|
603
606
|
}
|
|
607
|
+
.tl-table--vertical-dividers .tl-table__row--expanded .tl-table__body-cell:not(:has(.tl-table__expand-control)) {
|
|
608
|
+
border-bottom: 1px solid var(--table-divider);
|
|
609
|
+
}
|
|
604
610
|
.tl-table--cell-text-align-left .tl-table__body-cell {
|
|
605
611
|
text-align: left;
|
|
606
612
|
}
|