From 9e4a77c0c0b2171b2cfb6c7e88c8e27b54c68bea Mon Sep 17 00:00:00 2001 From: Richard Purdie Date: Fri, 24 Mar 2023 13:30:10 +0000 Subject: [PATCH] styles: Allow tag headers to be compacted Signed-off-by: Richard Purdie --- yocto_console_view/src/styles/styles.less | 6 ++++++ yocto_console_view/yocto_console_view/static/styles.css | 5 +++++ yocto_console_view/yocto_console_view/static/styles.css.map | 2 +- 3 files changed, 12 insertions(+), 1 deletion(-) diff --git a/yocto_console_view/src/styles/styles.less b/yocto_console_view/src/styles/styles.less index a96b05d..a887cf4 100644 --- a/yocto_console_view/src/styles/styles.less +++ b/yocto_console_view/src/styles/styles.less @@ -1,4 +1,5 @@ @column-width: 40px; +@headcol-width: 20px; .console { .table-fixedwidth { @@ -61,6 +62,11 @@ text-decoration: none; white-space: nowrap; } + .column { + width: @headcol-width; + min-width: @headcol-width; + max-width: @headcol-width; + } } } diff --git a/yocto_console_view/yocto_console_view/static/styles.css b/yocto_console_view/yocto_console_view/static/styles.css index 73024dc..33406a8 100644 --- a/yocto_console_view/yocto_console_view/static/styles.css +++ b/yocto_console_view/yocto_console_view/static/styles.css @@ -54,6 +54,11 @@ text-decoration: none; white-space: nowrap; } +.console tr.first-row .column { + width: 20px; + min-width: 20px; + max-width: 20px; +} .yoctochangedetails > .no-select > * { margin-left: 0.3em; margin-right: 0.3em; diff --git a/yocto_console_view/yocto_console_view/static/styles.css.map b/yocto_console_view/yocto_console_view/static/styles.css.map index 0371a3b..8afd2a8 100644 --- a/yocto_console_view/yocto_console_view/static/styles.css.map +++ b/yocto_console_view/yocto_console_view/static/styles.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack://yocto-console-view/./src/styles/styles.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"styles.css","sourcesContent":[".console .table-fixedwidth {\n width: initial;\n}\n.console .load-indicator {\n width: 100%;\n height: 100%;\n z-index: 900;\n background-color: #ffffff;\n display: table;\n}\n.console .load-indicator .spinner {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n.console .load-indicator .spinner p {\n font-weight: 300;\n margin-top: 10px;\n}\n.console .column {\n min-width: 40px;\n max-width: 40px;\n width: 40px;\n}\n.console table {\n border: none;\n}\n.console .tag_row td {\n margin: 0px;\n padding: 0px;\n}\n.console .tag_row span {\n position: relative;\n float: left;\n font-size: 10px;\n overflow: hidden;\n text-decoration: none;\n white-space: nowrap;\n}\n.console tr.first-row {\n background-color: #fff !important;\n}\n.console tr.first-row th {\n border: none;\n background-color: #fff !important;\n}\n.console tr.first-row .builder {\n position: relative;\n float: left;\n font-size: 12px;\n text-align: center;\n transform: rotate(-25deg);\n transform-origin: 0% 100%;\n text-decoration: none;\n white-space: nowrap;\n}\n.yoctochangedetails > .no-select > * {\n margin-left: 0.3em;\n margin-right: 0.3em;\n}\n.select-editable {\n position: absolute;\n top: 0;\n border: none;\n margin: 2px;\n width: 90%;\n height: 29px;\n}\n.select-editable input:focus {\n outline: none;\n}\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://yocto-console-view/./src/styles/styles.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"styles.css","sourcesContent":[".console .table-fixedwidth {\n width: initial;\n}\n.console .load-indicator {\n width: 100%;\n height: 100%;\n z-index: 900;\n background-color: #ffffff;\n display: table;\n}\n.console .load-indicator .spinner {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n.console .load-indicator .spinner p {\n font-weight: 300;\n margin-top: 10px;\n}\n.console .column {\n min-width: 40px;\n max-width: 40px;\n width: 40px;\n}\n.console table {\n border: none;\n}\n.console .tag_row td {\n margin: 0px;\n padding: 0px;\n}\n.console .tag_row span {\n position: relative;\n float: left;\n font-size: 10px;\n overflow: hidden;\n text-decoration: none;\n white-space: nowrap;\n}\n.console tr.first-row {\n background-color: #fff !important;\n}\n.console tr.first-row th {\n border: none;\n background-color: #fff !important;\n}\n.console tr.first-row .builder {\n position: relative;\n float: left;\n font-size: 12px;\n text-align: center;\n transform: rotate(-25deg);\n transform-origin: 0% 100%;\n text-decoration: none;\n white-space: nowrap;\n}\n.console tr.first-row .column {\n width: 20px;\n min-width: 20px;\n max-width: 20px;\n}\n.yoctochangedetails > .no-select > * {\n margin-left: 0.3em;\n margin-right: 0.3em;\n}\n.select-editable {\n position: absolute;\n top: 0;\n border: none;\n margin: 2px;\n width: 90%;\n height: 29px;\n}\n.select-editable input:focus {\n outline: none;\n}\n"],"sourceRoot":""} \ No newline at end of file