diff --git a/api/js/etemplate/Et2Box/Et2Box.ts b/api/js/etemplate/Et2Box/Et2Box.ts index 60da1665dd..396f8c84a1 100644 --- a/api/js/etemplate/Et2Box/Et2Box.ts +++ b/api/js/etemplate/Et2Box/Et2Box.ts @@ -39,7 +39,7 @@ export class Et2Box extends Et2Widget(LitElement) implements et2_IDetachedDOM } /* CSS for child elements */ ::slotted(*) { - flex: 1 0 auto; + flex: 1 1 auto; } ::slotted(img),::slotted(et2-image) { /* Stop images from growing. In general we want them to stay */ diff --git a/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts b/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts index 31c563446f..8cf685aef9 100644 --- a/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts +++ b/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts @@ -52,7 +52,12 @@ const Et2InputWidgetMixin = (superclass) => /* Needed so required can show through */ ::slotted(input), input { background-color: transparent; - }` + } + /* Used to allow auto-sizing on slotted inputs */ + .input-group__container > .input-group__input ::slotted(.form-control) { + width: 100%; + } + ` ]; } diff --git a/api/js/etemplate/Et2Url/Et2InvokerMixin.ts b/api/js/etemplate/Et2Url/Et2InvokerMixin.ts index 349bf6dd38..e315ff83cb 100644 --- a/api/js/etemplate/Et2Url/Et2InvokerMixin.ts +++ b/api/js/etemplate/Et2Url/Et2InvokerMixin.ts @@ -54,12 +54,13 @@ export const Et2InvokerMixin = dedupeMixin((superclass) => border: 1px solid var(--input-border-color); } .input-group__suffix{ + text-align: center; } .input-group__container { align-items: center } ::slotted([slot="suffix"]) { - width: 12px; + width: 14px; border: none !important; background-color: transparent !important; } diff --git a/api/js/etemplate/Et2Url/Et2Url.ts b/api/js/etemplate/Et2Url/Et2Url.ts index feb4a71293..aefb413f56 100644 --- a/api/js/etemplate/Et2Url/Et2Url.ts +++ b/api/js/etemplate/Et2Url/Et2Url.ts @@ -9,7 +9,6 @@ /* eslint-disable import/no-extraneous-dependencies */ import {Et2InvokerMixin} from "./Et2InvokerMixin"; -import {IsEmail} from "../Validators/IsEmail"; import {Et2Textbox} from "../Et2Textbox/Et2Textbox"; import {colorsDefStyles} from "../Styles/colorsDefStyles"; import {css} from "@lion/core"; @@ -50,7 +49,6 @@ export class Et2Url extends Et2InvokerMixin(Et2Textbox) ::slotted([slot="suffix"]) { font-size: 133% !important; position: relative; - left: -2px; } `, ]; diff --git a/api/js/etemplate/Et2Url/Et2UrlFax.ts b/api/js/etemplate/Et2Url/Et2UrlFax.ts index c46cfb073f..83a9b54786 100644 --- a/api/js/etemplate/Et2Url/Et2UrlFax.ts +++ b/api/js/etemplate/Et2Url/Et2UrlFax.ts @@ -27,7 +27,6 @@ export class Et2UrlFax extends Et2UrlPhone ::slotted([slot="suffix"]) { font-size: 90% !important; position: relative; - left: -2px; } `, ];