Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-10-29 06:47:26 +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 = {
0: css`
opacity: 0.7;
text-transform: uppercase;
text-transform: ${({ theme }) => theme.menu.groupItems.textTransform};
font-size: 0.8em;
padding-bottom: 0;
cursor: default;
@ -112,7 +112,7 @@ export const menuItemDepth = {
`,
1: css`
font-size: 0.929em;
text-transform: uppercase;
text-transform: ${({ theme }) => theme.menu.level1Items.textTransform};
&:hover {
color: ${props => props.theme.colors.main};
}

12
src/theme.ts
View File

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