Merge pull request #692 from umbraco/feature/input-lock-border-inside-input

loivsen · web-flow · commit 5f883be9ba86 · 2023-12-14T09:20:47.000+01:00
Remove border of uui-input-lock when slotted to uui-input
diff --git a/packages/uui-input/lib/uui-input.element.ts b/packages/uui-input/lib/uui-input.element.ts
@@ -451,7 +451,8 @@ export class UUIInputElement extends FormControlMixin(
         border: none;
       }
 
-      ::slotted(uui-input) {
+      ::slotted(uui-input),
+      ::slotted(uui-input-lock) {
         height: 100%;
         --uui-input-border-width: 0;
       }

Original file line number	Diff line number	Diff line change
`@@ -451,7 +451,8 @@ export class UUIInputElement extends FormControlMixin(`
`451`	`451`	`border: none;`
`452`	`452`	`}`
`453`	`453`
`454`		`- ::slotted(uui-input) {`
	`454`	`+ ::slotted(uui-input),`
	`455`	`+ ::slotted(uui-input-lock) {`
`455`	`456`	`height: 100%;`
`456`	`457`	`--uui-input-border-width: 0;`
`457`	`458`	`}`