From e3f550c3fc9c5f73b450f97b0968bd9556f4d825 Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 23 Apr 2024 14:03:40 -0600 Subject: [PATCH] Et2DateDuration: Fix CSS did not match contents, give better default sizing for selectbox --- api/js/etemplate/Et2Date/Et2DateDuration.ts | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/api/js/etemplate/Et2Date/Et2DateDuration.ts b/api/js/etemplate/Et2Date/Et2DateDuration.ts index 36be1c2a69..c735fa90ec 100644 --- a/api/js/etemplate/Et2Date/Et2DateDuration.ts +++ b/api/js/etemplate/Et2Date/Et2DateDuration.ts @@ -137,13 +137,15 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement) margin-inline-start: var(--sl-input-spacing-medium); } - et2-select { + sl-select { color: var(--input-text-color); border-left: 1px solid var(--input-border-color); flex: 2 1 auto; + min-width: min-content; + width: 8em; } - et2-select::part(control) { + sl-select::part(control) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } @@ -151,6 +153,7 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement) .duration__input { flex: 1 1 auto; max-width: 4.5em; + min-width: 3em; margin-right: -2px; }