aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Code.tsx8
-rw-r--r--packages/dev-tools-pages/ts/components/Header.tsx1
2 files changed, 7 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx
index a6971fc84..6675422ef 100644
--- a/packages/dev-tools-pages/ts/components/Code.tsx
+++ b/packages/dev-tools-pages/ts/components/Code.tsx
@@ -18,6 +18,7 @@ interface CodeProps {
gutter?: Array<number>;
gutterLength?: number;
copy?: boolean;
+ etc?: boolean;
}
interface CodeState {
@@ -134,15 +135,16 @@ class Code extends React.Component<CodeProps, CodeState> {
}
async componentDidMount() {
- const { language, children, diff, gutter } = this.props;
+ const { language, children, diff, gutter, etc } = this.props;
const code = children as string;
if (language !== undefined) {
+ /* console.log(code); */
const { default: highlight } = await System.import(/* webpackChunkName: 'highlightjs' */ 'ts/highlight');
this.setState({
- hlCode: highlight(language, code, diff, gutter),
+ hlCode: highlight({ language, code, diff, gutter, etc }),
});
}
}
@@ -174,6 +176,8 @@ class Code extends React.Component<CodeProps, CodeState> {
Code = StyledCodeDiff as any;
}
+ /* console.log(hlCode); */
+
return (
<Container>
<Base language={language} diff={diff} light={light}>
diff --git a/packages/dev-tools-pages/ts/components/Header.tsx b/packages/dev-tools-pages/ts/components/Header.tsx
index 01ef944f4..b561a5d91 100644
--- a/packages/dev-tools-pages/ts/components/Header.tsx
+++ b/packages/dev-tools-pages/ts/components/Header.tsx
@@ -33,6 +33,7 @@ const StyledHeader = styled.header`
position: absolute;
top: 0;
left: 0;
+ z-index: 2;
${Container} {
display: flex;
justify-content: space-between;