Introduce dropdown__select--inline-body-font modifier class

For dropdowns with larger font than the ones used in the facet line.
reload · Aug 31, 2023 · ccd1d55 · ccd1d55
1 parent b93b4eb
commit ccd1d55
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/stories/Library/dropdown/dropdown.scss b/src/stories/Library/dropdown/dropdown.scss
@@ -75,6 +75,13 @@
   min-width: 200px;
 }
 
+.dropdown__select--inline-body-font {
+  @extend %text-body-medium-regular-placeholder;
+  height: 100%;
+  padding: $s-sm $s-md;
+  min-width: 200px;
+}
+
 .dropdown__arrows--inline {
   height: 100%;
 }
diff --git a/src/stories/Library/input-with-dropdown/InputWithDropdown.tsx b/src/stories/Library/input-with-dropdown/InputWithDropdown.tsx
@@ -24,8 +24,8 @@ export const InputWithDropdown: React.FC<InputWithDropdownProps> = ({
         arrowIcon="chevron"
         classNames="dropdown--grey-borders input-with-dropdown__dropdown"
         innerClassNames={{
-          select: "dropdown__select--inline focus-styling",
-          arrowWrapper: "dropdown__arrows--inline ",
+          select: "dropdown__select--inline-body-font focus-styling",
+          arrowWrapper: "dropdown__arrows--inline",
         }}
       />
       <button>