@scania/tegel-lite 1.7.0-table-vars-beta.0 → 1.7.0-table-vars-beta.2
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 +12 -4
- package/dist/tl-folder-tabs.css +0 -1
- package/dist/tl-table.css +12 -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,12 @@ 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
|
+
}
|
|
9491
|
+
.tl-table__row--expanded .tl-table__body-cell--column-highlight {
|
|
9492
|
+
--table-cell-background: var(--table-body-row-selected-hover);
|
|
9493
|
+
}
|
|
9488
9494
|
.tl-table--compact .tl-table__body-cell {
|
|
9489
9495
|
height: 32px;
|
|
9490
9496
|
padding: 8px 16px;
|
|
@@ -9507,6 +9513,9 @@ body {
|
|
|
9507
9513
|
.tl-table--vertical-dividers .tl-table__body-cell:not(:last-child) {
|
|
9508
9514
|
border-right: 1px solid var(--table-divider);
|
|
9509
9515
|
}
|
|
9516
|
+
.tl-table--vertical-dividers .tl-table__row--expanded .tl-table__body-cell:not(:has(.tl-table__expand-control)) {
|
|
9517
|
+
border-bottom: 1px solid var(--table-divider);
|
|
9518
|
+
}
|
|
9510
9519
|
.tl-table--cell-text-align-left .tl-table__body-cell {
|
|
9511
9520
|
text-align: left;
|
|
9512
9521
|
}
|
|
@@ -9921,7 +9930,6 @@ body {
|
|
|
9921
9930
|
--folder-tab-background-selected: var(--component-tabs-background-item-secondary-current-default);
|
|
9922
9931
|
}
|
|
9923
9932
|
|
|
9924
|
-
/* tl-folder-tabs.scss (overlay buttons, no JS) */
|
|
9925
9933
|
.tl-folder-tabs__tab {
|
|
9926
9934
|
all: unset;
|
|
9927
9935
|
font-family: var(--type-system-title-01-font-family);
|
package/dist/tl-folder-tabs.css
CHANGED
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,12 @@ 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
|
+
}
|
|
585
|
+
.tl-table__row--expanded .tl-table__body-cell--column-highlight {
|
|
586
|
+
--table-cell-background: var(--table-body-row-selected-hover);
|
|
587
|
+
}
|
|
582
588
|
.tl-table--compact .tl-table__body-cell {
|
|
583
589
|
height: 32px;
|
|
584
590
|
padding: 8px 16px;
|
|
@@ -601,6 +607,9 @@ body {
|
|
|
601
607
|
.tl-table--vertical-dividers .tl-table__body-cell:not(:last-child) {
|
|
602
608
|
border-right: 1px solid var(--table-divider);
|
|
603
609
|
}
|
|
610
|
+
.tl-table--vertical-dividers .tl-table__row--expanded .tl-table__body-cell:not(:has(.tl-table__expand-control)) {
|
|
611
|
+
border-bottom: 1px solid var(--table-divider);
|
|
612
|
+
}
|
|
604
613
|
.tl-table--cell-text-align-left .tl-table__body-cell {
|
|
605
614
|
text-align: left;
|
|
606
615
|
}
|