Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-10-30 23:37:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: Increase badge size slightly so that "PATCH" method fits inside (#632)

Browse Source
This commit is contained in:
Fredrik Lengstrand 2018-09-05 08:44:47 +02:00 committed by Roman Hotsiy
parent 822d038190
commit 4b3b5ba974
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SideMenu/MenuItem.tsx
View File

@ -95,7 +95,7 @@ class OperationMenuItemContent extends React.Component<OperationMenuItemContentP
deprecated={item.deprecated} deprecated={item.deprecated}
> >
<OperationBadge type={item.httpVerb}>{shortenHTTPVerb(item.httpVerb)}</OperationBadge> <OperationBadge type={item.httpVerb}>{shortenHTTPVerb(item.httpVerb)}</OperationBadge>
<MenuItemTitle width="calc(100% - 32px)"> <MenuItemTitle width="calc(100% - 38px)">
{item.name} {item.name}
{this.props.children} {this.props.children}
</MenuItemTitle> </MenuItemTitle>

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

@ -6,7 +6,7 @@ import styled, { css, withProps } from '../../styled-components';
export const OperationBadge = withProps<{ type: string }>(styled.span).attrs({ export const OperationBadge = withProps<{ type: string }>(styled.span).attrs({
className: props => `operation-type ${props.type}`, className: props => `operation-type ${props.type}`,
})` })`
width: 26px; width: 32px;
display: inline-block; display: inline-block;
height: ${props => props.theme.typography.code.fontSize}; height: ${props => props.theme.typography.code.fontSize};
line-height: ${props => props.theme.typography.code.fontSize}; line-height: ${props => props.theme.typography.code.fontSize};