diff options
author | Blaster4385 <blaster4385@tablaster.dev> | 2024-02-21 11:36:25 +0530 |
---|---|---|
committer | Blaster4385 <blaster4385@tablaster.dev> | 2024-04-30 11:10:37 +0530 |
commit | 7219daaf19e5608aa4d342d2456b88c7491e0ebe (patch) | |
tree | 75e0f8e9018215c4daff189a4bacb4bb8b1536ab | |
parent | 136d914a5a9ff067aed7d33198abd566a82de12b (diff) |
refactor: fixed text wrapping and cleanup css
-rw-r--r-- | client/src/components/Editor/Editor.module.css | 8 | ||||
-rw-r--r-- | client/src/components/prism-themes/prism-gruvbox-dark.css | 19 | ||||
-rw-r--r-- | client/src/components/prism-themes/prism-line-numbers.css | 13 |
3 files changed, 9 insertions, 31 deletions
diff --git a/client/src/components/Editor/Editor.module.css b/client/src/components/Editor/Editor.module.css index e13ed71..1ea51ff 100644 --- a/client/src/components/Editor/Editor.module.css +++ b/client/src/components/Editor/Editor.module.css @@ -38,12 +38,8 @@ padding: 0 0 0 60.8px; } -.codespace__pre { - background: transparent !important; - height: 100%; - width: 100%; - margin: 0 !important; - padding: 0 !important; +.codespace__code { + word-break: break-word; } .btn__save { diff --git a/client/src/components/prism-themes/prism-gruvbox-dark.css b/client/src/components/prism-themes/prism-gruvbox-dark.css index 1f368fb..05804ef 100644 --- a/client/src/components/prism-themes/prism-gruvbox-dark.css +++ b/client/src/components/prism-themes/prism-gruvbox-dark.css @@ -16,7 +16,6 @@ text-align: left; white-space: pre; word-spacing: normal; - word-break: normal; line-height: 1.5; -moz-tab-size: 4; @@ -45,24 +44,6 @@ background: #7c6f64; /* bg4 */ } - /* Code blocks */ - pre[class*="language-"] { - padding: 1em; - margin: 0.5em 0; - overflow: auto; - } - - :not(pre) > code[class*="language-"], - pre[class*="language-"] { - background: #1d2021; /* bg0_h */ - } - - /* Inline code */ - :not(pre) > code[class*="language-"] { - padding: 0.1em; - border-radius: 0.3em; - } - .token.comment, .token.prolog, .token.cdata { diff --git a/client/src/components/prism-themes/prism-line-numbers.css b/client/src/components/prism-themes/prism-line-numbers.css index 7cc751b..4230ba2 100644 --- a/client/src/components/prism-themes/prism-line-numbers.css +++ b/client/src/components/prism-themes/prism-line-numbers.css @@ -1,13 +1,14 @@ pre { - background: transparent !important; + background: transparent; height: 100%; width: 100%; - padding-top: 0 !important; - margin-top: 0 !important; - padding-right: 0 !important; - padding-bottom: 0 !important; - margin-bottom: 0 !important; + padding-top: 0; + margin-top: 0; + padding-right: 0; + padding-bottom: 0; + margin-bottom: 0; overflow: hidden; + z-index: -1; } pre[class*="language-"], |