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

fix code file tree highlight style (#36859) (#37057)

Browse source
This commit is contained in:
WangQianliang 2019-05-25 09:17:27 +08:00 • committed by GitHub
parent b79546e21f
commit 981b9f18e6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
x-pack/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap generated
View file

@ -2,7 +2,7 @@
exports[`render correctly 1`] = `
<nav
className="euiSideNav euiSideNav-isOpenMobile"
className="euiSideNav codeContainer__sideTabTree euiSideNav-isOpenMobile"
>
<button
className="euiSideNav__mobileToggle euiLink"

6
x-pack/plugins/code/public/components/file_tree/file_tree.tsx
View file

@ -242,7 +242,11 @@ export class CodeFileTree extends React.Component<Props> {
items: (this.props.node!.children || []).map(this.treeToItems),
},
];
return this.props.node && <EuiSideNav items={items} isOpenOnMobile={true} />;
return (
this.props.node && (
<EuiSideNav items={items} isOpenOnMobile={true} className="codeContainer__sideTabTree" />
)
);
}
private isPathOpen(path: string) {

2
x-pack/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap generated
View file

@ -2,7 +2,7 @@
exports[`render symbol tree correctly 1`] = `
<div
className="codeContainer__symbolTree"
className="codeContainer__sideTabTree"
>
<nav
className="euiSideNav"

2
x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx
View file

@ -145,7 +145,7 @@ export class CodeSymbolTree extends React.PureComponent<Props, { activeSymbol?:
{ name: '', id: '', items: this.symbolsToSideNavItems(this.props.structureTree) },
];
return (
<div className="codeContainer__symbolTree">
<div className="codeContainer__sideTabTree">
<EuiSideNav items={items} />
</div>
);

5
x-pack/plugins/code/public/style/_filetree.scss
View file

@ -13,7 +13,6 @@
.codeFileTree__node {
display: flex;
flex-direction: row;
position: relative;
}
.codeFileTree__item {
@ -21,7 +20,7 @@
}
.codeFileTree__file {
margin-left: calc(28rem/16);
margin-left: calc(28rem / 16);
}
.codeFileTree__directory {
@ -45,7 +44,7 @@
}
}
@include euiBreakpoint('xs','s') {
@include euiBreakpoint('xs', 's') {
.codeFileTree__container {
margin-left: -$euiSizeXL;
margin-top: -$euiSizeL;

2
x-pack/plugins/code/public/style/_layout.scss
View file

@ -99,7 +99,7 @@
height: 100%;
}
.codeContainer__symbolTree {
.codeContainer__sideTabTree {
position: relative;
display: inline-block;
min-width: 100%;