diff --git a/elements/_tables.scss b/elements/_tables.scss index c1766d3..39e654c 100644 --- a/elements/_tables.scss +++ b/elements/_tables.scss @@ -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); -}