[APM] Fix Stackframe fontsize (#30489) (#30616)

Decreased the font size in the code box to improve legibility.
This commit is contained in:
Casper Hübertz 2019-02-11 10:10:58 +01:00 committed by GitHub
parent b0da4eb9bb
commit e8a5cca240
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions

View file

@ -9,12 +9,13 @@ import React, { Fragment } from 'react';
import styled from 'styled-components';
import { idx } from 'x-pack/plugins/apm/common/idx';
import { IStackframe } from 'x-pack/plugins/apm/typings/es_schemas/fields/Stackframe';
import { fontFamilyCode, px, units } from '../../../style/variables';
import { fontFamilyCode, fontSize, px, units } from '../../../style/variables';
const FileDetails = styled.div`
color: ${theme.euiColorMediumShade};
padding: ${px(units.half)};
font-family: ${fontFamilyCode};
font-size: ${fontSize};
`;
const LibraryFrameFileDetail = styled.span`
color: ${theme.euiColorDarkShade};

View file

@ -11,7 +11,11 @@ import {
IStackframe,
IStackframeWithLineContext
} from 'x-pack/plugins/apm/typings/es_schemas/fields/Stackframe';
import { borderRadius, fontFamilyCode } from '../../../style/variables';
import {
borderRadius,
fontFamilyCode,
fontSize
} from '../../../style/variables';
import { FrameHeading } from '../Stacktrace/FrameHeading';
import { Context } from './Context';
import { Variables } from './Variables';
@ -24,6 +28,7 @@ const CodeHeader = styled.div`
const Container = styled.div<{ isLibraryFrame: boolean }>`
position: relative;
font-family: ${fontFamilyCode};
font-size: ${fontSize};
border: 1px solid ${theme.euiColorLightShade};
border-radius: ${borderRadius};
background: ${props =>

View file

@ -5,6 +5,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
color: rgb(152,162,179);
padding: 8px;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
font-size: 14px;
}
.c3 {
@ -103,6 +104,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
.c0 {
position: relative;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
font-size: 14px;
border: 1px solid rgb(211,218,230);
border-radius: 5px;
background: rgb(245,247,250);