From 4192b33fd3bd7ee07dba19cf32940bd5b07bb629 Mon Sep 17 00:00:00 2001 From: mollykreis <20542556+mollykreis@users.noreply.github.com> Date: Wed, 18 Sep 2024 12:47:58 -0500 Subject: [PATCH] fix full-bleed --- packages/nimble-components/src/text-field/styles.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/packages/nimble-components/src/text-field/styles.ts b/packages/nimble-components/src/text-field/styles.ts index f19a15e7e6..1f6dd1b7cf 100644 --- a/packages/nimble-components/src/text-field/styles.ts +++ b/packages/nimble-components/src/text-field/styles.ts @@ -94,6 +94,10 @@ export const styles = css` ${userSelectNone} } + :host([appearance='frameless'][full-bleed]) .root::before { + display: none; + } + .root::after { ${/* Empty string causes alignment issue */ ''} content: ' '; @@ -103,6 +107,10 @@ export const styles = css` margin-left: -1px; } + :host([appearance='frameless'][full-bleed]) .root::after { + display: none; + } + [part='start'] { display: contents; } @@ -131,6 +139,10 @@ export const styles = css` text-overflow: ellipsis; } + :host([appearance='frameless'][full-bleed]) .control { + margin-left: 0px; + } + .control:hover, .control:focus, .control:disabled,