diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-01 08:01:16 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-06 18:56:11 +0800 |
| commit | 7a52168cd819ba50626dc4e1eb001fc1e055c8c3 (patch) | |
| tree | 1088ffb9174a18f16451a9df6803d37795ef7c13 /packages/website | |
| parent | 566953d5e164c389774136b750e7975c666eccb3 (diff) | |
| download | dexon-0x-contracts-7a52168cd819ba50626dc4e1eb001fc1e055c8c3.tar.gz dexon-0x-contracts-7a52168cd819ba50626dc4e1eb001fc1e055c8c3.tar.zst dexon-0x-contracts-7a52168cd819ba50626dc4e1eb001fc1e055c8c3.zip | |
fix: use correct styles even when syntax highlighter component removes classnames on second render
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/pages/instant/code_demo.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx index fa0cebc62..20eb6b8d1 100644 --- a/packages/website/ts/pages/instant/code_demo.tsx +++ b/packages/website/ts/pages/instant/code_demo.tsx @@ -8,7 +8,8 @@ const CustomPre = styled.pre` line-height: 24px; overflow: scroll; width: 600px; - height: 500px; + height: 100%; + max-height: 800px; border-radius: 4px; code { background-color: inherit !important; @@ -16,7 +17,7 @@ const CustomPre = styled.pre` font-family: 'Roboto Mono', sans-serif; border: none; } - .lsl { + code:first-of-type { background-color: #2a2a2a !important; color: #999; height: 100%; @@ -27,7 +28,7 @@ const CustomPre = styled.pre` line-height: 25px; padding-top: 10px; } - .xml { + code:last-of-type { position: relative; top: 10px; } |