Ensure the navigator filter picked tags are slightly visible, even on very narrow screens. (#639)

Dobromir Hristov · web-flow · commit 5b0e6e891021 · 2023-06-07T16:02:37.000-07:00
Resolves: rdar://108916627
diff --git a/src/components/Navigator/NavigatorCard.vue b/src/components/Navigator/NavigatorCard.vue
@@ -1144,8 +1144,14 @@ $filter-height-small: 60px;
     --input-border-color: var(--color-grid);
     --input-text: var(--color-figure-gray-secondary);
 
-    /deep/ .filter__input {
-      @include font-styles(body);
+    /deep/ {
+      .filter__input {
+        @include font-styles(body);
+
+        &-label::after {
+          min-width: 70px;
+        }
+      }
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1144,8 +1144,14 @@ $filter-height-small: 60px;`
`1144`	`1144`	`--input-border-color: var(--color-grid);`
`1145`	`1145`	`--input-text: var(--color-figure-gray-secondary);`
`1146`	`1146`
`1147`		`- /deep/ .filter__input {`
`1148`		`- @include font-styles(body);`
	`1147`	`+ /deep/ {`
	`1148`	`+ .filter__input {`
	`1149`	`+ @include font-styles(body);`
	`1150`	`+`
	`1151`	`+ &-label::after {`
	`1152`	`+ min-width: 70px;`
	`1153`	`+ }`
	`1154`	`+ }`
`1149`	`1155`	`}`
`1150`	`1156`	`}`
`1151`	`1157`	`}`