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,