diff --git a/elements/_grouping.scss b/elements/_grouping.scss index b3b9082..e9f92fb 100644 --- a/elements/_grouping.scss +++ b/elements/_grouping.scss @@ -302,7 +302,7 @@ div { display: flex; &.inline { - @extend %flex_inline; + @extend %flex-inline; } &.stretch { diff --git a/elements/_sections.scss b/elements/_sections.scss index 920a854..32a1a9a 100644 --- a/elements/_sections.scss +++ b/elements/_sections.scss @@ -44,7 +44,7 @@ body { } &:hover { - #mouse_overlay { + #mouse-overlay { background-color: transparent !important; transition: background-color config.$duration_basic config.$timing_basic 0s !important; } @@ -244,7 +244,7 @@ header { nav, ul { - @extend %flex_inline; + @extend %flex-inline; align-items: stretch; } @@ -276,7 +276,7 @@ header { footer { &.io { nav { - @extend %flex_inline; + @extend %flex-inline; align-items: stretch; input, diff --git a/elements/_tables.scss b/elements/_tables.scss index 9c6b379..c1766d3 100644 --- a/elements/_tables.scss +++ b/elements/_tables.scss @@ -39,7 +39,7 @@ table { border: config.$width_border_basic solid transparent; } - &.striped { + &.stripe { td { border-top: 0; border-bottom: 0; @@ -54,21 +54,8 @@ 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; } &.draggable tbody tr { @@ -205,12 +192,6 @@ 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 { @@ -232,6 +213,8 @@ td { } &.ellipsis { + width: 100%; + max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -251,6 +234,7 @@ td { max-height: 44px; } } + } td:last-child { @@ -260,3 +244,9 @@ 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); +} diff --git a/global/_common.scss b/global/_common.scss index d2d193d..8199c44 100644 --- a/global/_common.scss +++ b/global/_common.scss @@ -163,7 +163,7 @@ // Flex & grid // ----------------------------------------------------------------------------- -%flex_inline { +%flex-inline { display: flex; flex-direction: row; flex-wrap: wrap; @@ -172,18 +172,18 @@ gap: config.$space_half config.$space_basic; } -%flex_column, -%flex_row { +%flex-column, +%flex-row { display: flex; flex-wrap: nowrap; gap: config.$space_basic; } -%flex_column { +%flex-column { flex-direction: column; } -%flex_row { +%flex-row { flex-direction: row; } @@ -255,7 +255,7 @@ } } -#mouse_overlay { +#mouse-overlay { @extend %viewport_fixed; z-index: config.$z_heaven; transition: background-color config.$duration_long config.$timing_basic config.$duration_long; diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss index 1804ea2..3fcb838 100644 --- a/modules/io/_io_module.scss +++ b/modules/io/_io_module.scss @@ -78,23 +78,17 @@ aside { header, footer { &.io { - @extend %flex_inline; + @extend %flex-inline; align-items: stretch; } } -table { - .io nav { - @extend %flex_inline; - flex-wrap: nowrap; - align-items: stretch; +table .io nav { + @extend %flex-inline; + flex-wrap: nowrap; + align-items: stretch; - button { - margin: config.$margin_io; - } - } - - .io:last-child nav { - justify-content: flex-end; + button { + margin: config.$margin_io; } } \ No newline at end of file