fix: SelectFilter style

RocketChat · Oct 1, 2021 · 1f7e745 · 1f7e745
1 parent 4ba2eb0
commit 1f7e745
Show file tree

Hide file tree

Showing 17 changed files with 7 additions and 4 deletions.
diff --git a/...ki/reference/chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter.png b/...ki/reference/chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter.png
diff --git a/...chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter_and_disabled.png b/...chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter_and_disabled.png
diff --git a/...ce/chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter_and_error.png b/...ce/chrome_iphone7_Forms_Inputs_SelectPaginated_Select_with_filter_and_error.png
diff --git a/...ges/fuselage/.loki/reference/chrome_iphone7_Forms_Select_Select_with_filter.png b/...ges/fuselage/.loki/reference/chrome_iphone7_Forms_Select_Select_with_filter.png
diff --git a/....loki/reference/chrome_iphone7_Forms_Select_Select_with_filter_and_disabled.png b/....loki/reference/chrome_iphone7_Forms_Select_Select_with_filter_and_disabled.png
diff --git a/...ge/.loki/reference/chrome_iphone7_Forms_Select_Select_with_filter_and_error.png b/...ge/.loki/reference/chrome_iphone7_Forms_Select_Select_with_filter_and_error.png
diff --git a/...oki/reference/chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter.png b/...oki/reference/chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter.png
diff --git a/.../chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter_and_disabled.png b/.../chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter_and_disabled.png
diff --git a/...nce/chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter_and_error.png b/...nce/chrome_laptop_Forms_Inputs_SelectPaginated_Select_with_filter_and_error.png
diff --git a/...ages/fuselage/.loki/reference/chrome_laptop_Forms_Select_Select_with_filter.png b/...ages/fuselage/.loki/reference/chrome_laptop_Forms_Select_Select_with_filter.png
diff --git a/.../.loki/reference/chrome_laptop_Forms_Select_Select_with_filter_and_disabled.png b/.../.loki/reference/chrome_laptop_Forms_Select_Select_with_filter_and_disabled.png
diff --git a/...age/.loki/reference/chrome_laptop_Forms_Select_Select_with_filter_and_error.png b/...age/.loki/reference/chrome_laptop_Forms_Select_Select_with_filter_and_error.png
diff --git a/packages/fuselage/src/components/Select/styles.scss b/packages/fuselage/src/components/Select/styles.scss
@@ -49,10 +49,12 @@
 
     opacity: 1;
 
+    & > .rcx-select__focus {
+      flex-shrink: 1;
+    }
+
     &--hidden {
       & > .rcx-select__focus {
-        flex-shrink: 1;
-
         width: 0;
 
         transition: none;

diff --git a/...nboarding-ui/.loki/reference/mobile_pages_RequestTrialPage_RequestTrialPage.png b/...nboarding-ui/.loki/reference/mobile_pages_RequestTrialPage_RequestTrialPage.png
diff --git a/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.stories.tsx b/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.stories.tsx
@@ -24,7 +24,7 @@ export default {
       ['4', '251-500 people'],
       ['5', '501-1000 people'],
       ['6', '1001-4000 people'],
-      ['7', '4000 or more people'],
+      ['7', '4001 or more people'],
     ],
     countryOptions: [
       ...Object.entries(countries).map<readonly [string, string]>(

diff --git a/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx b/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx
@@ -120,6 +120,7 @@ const RequestTrialForm = ({
                 <SelectFiltered
                   {...field}
                   options={countryOptions}
+                  width='full'
                   placeholder={t(
                     'form.requestTrialForm.fields.country.placeholder'
                   )}

diff --git a/packages/onboarding-ui/src/pages/RequestTrialPage/RequestTrialPage.stories.tsx b/packages/onboarding-ui/src/pages/RequestTrialPage/RequestTrialPage.stories.tsx
@@ -26,7 +26,7 @@ export default {
       ['4', '251-500 people'],
       ['5', '501-1000 people'],
       ['6', '1001-4000 people'],
-      ['7', '4000 or more people'],
+      ['7', '4001 or more people'],
     ],
     countryOptions: [
       ...Object.entries(countries).map<readonly [string, string]>(