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

fix: scale sideMenu labels according to computed font size (#1356)

Browse Source
This commit is contained in:
James Harris 2020-08-20 14:43:12 +01:00 committed by GitHub
parent addf8956e3
commit fed9a061d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 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

@ -7,7 +7,7 @@ import styled, { css, ResolvedThemeInterface } from '../../styled-components';
export const OperationBadge = styled.span.attrs((props: { type: string }) => ({ export const OperationBadge = styled.span.attrs((props: { type: string }) => ({
className: `operation-type ${props.type}`, className: `operation-type ${props.type}`,
}))<{ type: string }>` }))<{ type: string }>`
width: 32px; width: 9ex;
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};
@ -16,7 +16,7 @@ export const OperationBadge = styled.span.attrs((props: { type: string }) => ({
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 6px 4px; background-position: 6px 4px;
font-size: 7px; font-size: 7px;
font-family: Verdana; // web-safe font-family: Verdana, sans-serif; // web-safe
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;