fix(ErrorForms): fix font-size (#3151)

kiwicom · Oct 21, 2021 · 323c480 · 323c480
1 parent 8215c85
commit 323c480
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/packages/orbit-components/src/ErrorFormTooltip/Tooltip/index.jsx b/packages/orbit-components/src/ErrorFormTooltip/Tooltip/index.jsx
@@ -115,7 +115,12 @@ const StyledTooltipContent = styled.div`
 
     & ${StyledText}, ${Item}, a {
       color: ${theme.orbit.paletteWhite};
+      font-size: ${theme.orbit.fontSizeTextNormal};
       font-weight: ${theme.orbit.fontWeightNormal};
+      &:hover,
+      &:focus {
+        color: ${theme.orbit.paletteWhite};
+      }
     }
 
     ${media.largeMobile(css`
@@ -126,12 +131,6 @@ const StyledTooltipContent = styled.div`
         font-weight: ${theme.orbit.fontWeightMedium};
         font-size: ${theme.orbit.fontSizeTextSmall};
       }
-      a:hover {
-        color: ${theme.orbit.paletteWhite};
-      }
-      a:focus {
-        color: ${theme.orbit.paletteWhite};
-      }
     `)};
   `}
 `;

diff --git a/packages/orbit-components/src/ErrorForms.stories.jsx b/packages/orbit-components/src/ErrorForms.stories.jsx
@@ -154,7 +154,7 @@ Error.story = {
 
 export const Help = (): React.Node => {
   const label = text("Label", "Label");
-  const help = text("Error", "Something is not quite right");
+  const help = text("Help", "Is the spelling correct?");
   const value = text("Value", "");
   const placeholder = text("Placeholder", "Placeholder");
   const prefix = text("Prefix", "$");
@@ -165,7 +165,7 @@ export const Help = (): React.Node => {
     <Stack>
       <InputField
         size={size}
-        help={help}
+        help={<TextLink>{help}</TextLink>}
         label={label}
         value={value}
         placeholder={placeholder}