Skip to content

Commit

Permalink
fix(odyssey-react-mui): add padding to Tabs label
Browse files Browse the repository at this point in the history
padding and font-size updates for Tabs to match the Figma design. (OKTA-663486)
benlister-okta committed Oct 31, 2023

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent 35d8235 commit 78a5e80
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions packages/odyssey-react-mui/src/theme/components.tsx
Original file line number Diff line number Diff line change
@@ -2075,7 +2075,8 @@ export const components = ({
maxWidth: `calc(${odysseyTokens.TypographyLineLengthMax} / 2)`,
minWidth: "unset",
minHeight: "unset",
padding: `${odysseyTokens.Spacing4} 0`,
padding: `${odysseyTokens.Spacing4} ${odysseyTokens.Spacing1}`,
fontSize: odysseyTokens.TypographySizeHeading6,
fontFamily: odysseyTokens.TypographyFamilyHeading,
lineHeight: odysseyTokens.TypographyLineHeightUi,
overflow: "visible",
@@ -2087,7 +2088,7 @@ export const components = ({

...(ownerState.selected == true && {
color: odysseyTokens.TypographyColorAction,
fontWeight: odysseyTokens.TypographyWeightBodyBold,
fontWeight: odysseyTokens.TypographyWeightHeading,
}),

...(ownerState.disabled && {

0 comments on commit 78a5e80

Please sign in to comment.