Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-26 06:50:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: do not uppercase menu items by default

Browse Source
This commit is contained in:
Roman Hotsiy 2018-06-26 09:46:16 +03:00
parent 11947ed68e
commit 0d45cc26f1
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SideMenu/styled.elements.ts
View File

@ -104,7 +104,7 @@ export const MenuItemLi = withProps<{ depth: number }>(styled.li)`
export const menuItemDepth = { export const menuItemDepth = {
0: css` 0: css`
opacity: 0.7; opacity: 0.7;
text-transform: uppercase; text-transform: ${({ theme }) => theme.menu.groupItems.textTransform};
font-size: 0.8em; font-size: 0.8em;
padding-bottom: 0; padding-bottom: 0;
cursor: default; cursor: default;
@ -112,7 +112,7 @@ export const menuItemDepth = {
`, `,
1: css` 1: css`
font-size: 0.929em; font-size: 0.929em;
text-transform: uppercase; text-transform: ${({ theme }) => theme.menu.level1Items.textTransform};
&:hover { &:hover {
color: ${props => props.theme.colors.main}; color: ${props => props.theme.colors.main};
} }

12
src/theme.ts
View File

@ -60,6 +60,12 @@ const defaultTheme: ThemeInterface = {
menu: { menu: {
width: '260px', width: '260px',
backgroundColor: '#fafafa', backgroundColor: '#fafafa',
groupItems: {
textTransform: 'uppercase',
},
level1Items: {
textTransform: 'none',
},
}, },
logo: { logo: {
maxHeight: ({ menu }) => menu.width, maxHeight: ({ menu }) => menu.width,
@ -167,6 +173,12 @@ export interface ResolvedThemeInterface {
menu: { menu: {
width: string; width: string;
backgroundColor: string; backgroundColor: string;
groupItems: {
textTransform: string;
};
level1Items: {
textTransform: string;
};
}; };
logo: { logo: {
maxHeight: string; maxHeight: string;