fix full-bleed

ni · Sep 18, 2024 · 4192b33 · 4192b33
1 parent c5cab74
commit 4192b33
Showing 1 changed file with 12 additions and 0 deletions.
diff --git 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,