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;
}
&.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 {
@extend .width_full;
}
@ -192,6 +209,12 @@ th, td {
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 {
@ -213,8 +236,6 @@ td {
}
&.ellipsis {
width: 100%;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -234,7 +255,6 @@ td {
max-height: 44px;
}
}
}
td:last-child {
@ -244,9 +264,3 @@ td:last-child {
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);
}