github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix partial QA-ed process tree styles (#129957)

Browse source
This commit is contained in:
Jack 2022-04-11 19:26:47 -04:00 • committed by GitHub
parent eeee6b9db2
commit 656b6cd88b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
x-pack/plugins/session_view/public/components/process_tree_alerts/styles.ts
View file

@ -16,14 +16,13 @@ export const useStyles = () => {
const { size, colors, border } = euiTheme;
const container: CSSObject = {
margin: `${size.xs} ${size.s} 0 ${size.xs}`,
margin: `${size.xs} ${size.base} 0 ${size.xs}`,
color: colors.text,
padding: `${size.s} 0`,
borderStyle: 'solid',
borderColor: colors.lightShade,
borderWidth: border.width.thin,
borderRadius: border.radius.medium,
maxWidth: 800,
maxHeight: 378,
overflowY: 'auto',
backgroundColor: colors.emptyShade,

9
x-pack/plugins/session_view/public/components/process_tree_node/styles.ts
View file

@ -23,6 +23,7 @@ export const useStyles = ({ depth, hasAlerts, hasInvestigatedAlert, isSelected }
const { colors, border, size, font } = euiTheme;
const TREE_INDENT = `calc(${size.l} + ${size.xxs})`;
const PROCESS_TREE_LEFT_PADDING = size.s;
const darkText: CSSObject = {
color: colors.text,
@ -79,10 +80,10 @@ export const useStyles = ({ depth, hasAlerts, hasInvestigatedAlert, isSelected }
height: '100%',
pointerEvents: 'none',
content: `''`,
marginLeft: `calc(-${depth} * ${TREE_INDENT})`,
marginLeft: `calc(-${depth} * ${TREE_INDENT} - ${PROCESS_TREE_LEFT_PADDING})`,
borderLeft: `${size.xs} solid ${borderColor}`,
backgroundColor: bgColor,
width: `calc(100% + ${depth} * ${TREE_INDENT})`,
width: `calc(100% + ${depth} * ${TREE_INDENT} + ${PROCESS_TREE_LEFT_PADDING})`,
transform: `translateY(-${size.xs})`,
},
};
@ -99,8 +100,8 @@ export const useStyles = ({ depth, hasAlerts, hasInvestigatedAlert, isSelected }
verticalAlign: 'middle',
color: colors.mediumShade,
wordBreak: 'break-all',
minHeight: size.l,
lineHeight: size.l,
minHeight: `calc(${size.l} - ${size.xxs})`,
lineHeight: `calc(${size.l} - ${size.xxs})`,
};
const workingDir: CSSObject = {