From 1e23a3c45e7db19451eb2578ed3fe81fbc95a607 Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 22 Feb 2022 10:37:13 -0700 Subject: [PATCH] Fix date duration was 2px too wide A border on et2-date-duration (:host) is sized differently from a border on its children --- api/js/etemplate/Et2Date/Et2DateDuration.ts | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/api/js/etemplate/Et2Date/Et2DateDuration.ts b/api/js/etemplate/Et2Date/Et2DateDuration.ts index 33a0b8bd88..8b4f950790 100644 --- a/api/js/etemplate/Et2Date/Et2DateDuration.ts +++ b/api/js/etemplate/Et2Date/Et2DateDuration.ts @@ -120,15 +120,10 @@ export class Et2DateDuration extends Et2InputWidget(LitElement) css` :host { display: inline-flex; - border-width: 1px; - border-style: solid; - border-image: initial; - border-color: var(--input-border-color); } select { color: var(--input-text-color); - border: none; - border-left: 1px solid var(--input-border-color); + border: 1px solid var(--input-border-color); flex: 2 1 auto; -webkit-appearance: none; @@ -144,7 +139,8 @@ export class Et2DateDuration extends Et2InputWidget(LitElement) color: var(--input-text-color); padding-top: 4px; padding-bottom: 4px; - border: none; + border: 1px solid var(--input-border-color); + border-right: none; flex: 1 1 auto; max-width: 4.5em; }