Fix date duration was 2px too wide

A border on et2-date-duration (:host) is sized differently from a border on its children
This commit is contained in:
nathan 2022-02-22 10:37:13 -07:00
parent ecd8b08373
commit 1e23a3c45e

View File

@ -120,15 +120,10 @@ export class Et2DateDuration extends Et2InputWidget(LitElement)
css` css`
:host { :host {
display: inline-flex; display: inline-flex;
border-width: 1px;
border-style: solid;
border-image: initial;
border-color: var(--input-border-color);
} }
select { select {
color: var(--input-text-color); color: var(--input-text-color);
border: none; border: 1px solid var(--input-border-color);
border-left: 1px solid var(--input-border-color);
flex: 2 1 auto; flex: 2 1 auto;
-webkit-appearance: none; -webkit-appearance: none;
@ -144,7 +139,8 @@ export class Et2DateDuration extends Et2InputWidget(LitElement)
color: var(--input-text-color); color: var(--input-text-color);
padding-top: 4px; padding-top: 4px;
padding-bottom: 4px; padding-bottom: 4px;
border: none; border: 1px solid var(--input-border-color);
border-right: none;
flex: 1 1 auto; flex: 1 1 auto;
max-width: 4.5em; max-width: 4.5em;
} }