crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use correct styles even when syntax highlighter component removes classnames on second render

Browse Source
This commit is contained in:
fragosti 2018-11-30 16:01:16 -08:00
parent 9e69257b0d
commit 4b6ac96a8d
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/website/ts/pages/instant/code_demo.tsx
View File

@ -8,7 +8,8 @@ const CustomPre = styled.pre`
line-height: 24px; line-height: 24px;
overflow: scroll; overflow: scroll;
width: 600px; width: 600px;
height: 500px; height: 100%;
max-height: 800px;
border-radius: 4px; border-radius: 4px;
code { code {
background-color: inherit !important; background-color: inherit !important;
@ -16,7 +17,7 @@ const CustomPre = styled.pre`
font-family: 'Roboto Mono', sans-serif; font-family: 'Roboto Mono', sans-serif;
border: none; border: none;
} }
.lsl { code:first-of-type {
background-color: #2a2a2a !important; background-color: #2a2a2a !important;
color: #999; color: #999;
height: 100%; height: 100%;
@ -27,7 +28,7 @@ const CustomPre = styled.pre`
line-height: 25px; line-height: 25px;
padding-top: 10px; padding-top: 10px;
} }
.xml { code:last-of-type {
position: relative; position: relative;
top: 10px; top: 10px;
} }