From 4c008d0383912047d02e76b78b0b153357e0a862 Mon Sep 17 00:00:00 2001 From: murin Date: Thu, 7 Nov 2024 14:03:56 +0300 Subject: Limit max width for selects in query form to avoid layout distortion caused by very long custom field names --- app/assets/stylesheets/application.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 68297588e..9c2688f4b 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -510,6 +510,7 @@ div.table-list.boards .table-list-cell.name {width: 30%;} #list-definition > div .field{ width: 160px; } +.query-columns { max-width: min(58vw, 500px); } .query-columns label { display:block; } @@ -519,6 +520,19 @@ div.table-list.boards .table-list-cell.name {width: 30%;} } .query-columns select { min-width:150px; + width: 100%; +} +.query-columns select option { + overflow: hidden; + text-overflow: ellipsis; +} +#query_form fieldset#options select#group_by, +#query-form fieldset#options select#query_group_by { + max-width: 500px; + width: 100%; +} +#query-form fieldset#sort select { + max-width:min(36vw, 500px); } .query-totals {text-align:right; margin-top:-2.3em; font-size: 93%;} @@ -719,6 +733,7 @@ fieldset#date-range p { margin: 2px 0 2px 0; } } .add-filter {width:35%; float:right; text-align: right; vertical-align: top;} +.add-filter select { max-width: 70%; } #issue_is_private_wrap {float:right; margin-right:1em;} .toggle-multiselect { margin-right:5px; cursor:pointer;} -- 2.25.1