interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: New table styles

Browse source 
- Add variant with flex row
- Change style to be dependant
This commit is contained in:
sthag 2026-03-15 11:32:27 +01:00
parent b4c5632006
commit 89db97c358
1 changed files with 23 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

32
elements/_tables.scss
View file

@ -54,6 +54,23 @@ table {
table-layout: fixed; table-layout: fixed;
} }
&.flexible {
tr {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
&:last-child td {
border-bottom: none;
}
td.truncate {
flex: 1;
min-width: 0;
}
}
}
&.table_file_simple { &.table_file_simple {
@extend .width_full; @extend .width_full;
} }
@ -192,6 +209,12 @@ th, td {
display: none; display: none;
} }
} }
&.pre {
// border-right-width: $width_border_4;
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}
} }
th { th {
@ -213,8 +236,6 @@ td {
} }
&.ellipsis { &.ellipsis {
width: 100%;
max-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -234,7 +255,6 @@ td {
max-height: 44px; max-height: 44px;
} }
} }
} }
td:last-child { td:last-child {
@ -244,9 +264,3 @@ td:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
.cell_pre {
// border-right-width: $width_border_4;
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}