Fix long patterns overflowing

dotboris · Nov 18, 2023 · 3ad8c34 · 3ad8c34
1 parent d595802
commit 3ad8c34
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/clean-walls-argue.md b/.changeset/clean-walls-argue.md
@@ -0,0 +1,5 @@
+---
+'prod-guard': patch
+---
+
+Fix issue where long URL patterns would overflow off the popup. This lead to the icons next to the pattern being hidden.
diff --git a/src/popup/warnings/list-page.tsx b/src/popup/warnings/list-page.tsx
@@ -109,6 +109,7 @@ const itemStyles = {
   pattern: css({
     fontFamily: `'Lucida Console', Monaco, monospace`,
     flexGrow: 1,
+    overflowWrap: 'anywhere',
     alignSelf: 'center',
   }),