Merge pull request #54 from opensquare-network/fix/inline-code-css

fix: inline code css
opensquare-network · Aug 17, 2022 · 3f78912 · 3f78912
2 parents d60d5a5 + fe7003e
commit 3f78912
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/demo/App.tsx b/demo/App.tsx
@@ -32,6 +32,7 @@ _**Bold Italic Text**_
 > > nested quote
 > > > nested quote
 
+
 \`\`\`js
 const name = "bar"
 function foo() {
@@ -54,6 +55,10 @@ export function gerPerson(): Person {
 
 \`inline code\`
 
+sim an address \`CwN2XPNZD72r7vZpD6UqTUt2s3gztvWLf7DuzoDtqnNbpZF\`
+
+test github inline code css: \`bounty -> curator(OpenSquare) -> child bounties -> developers bounty -> curator(OpenSquare) -> child bounties -> developers bounty -> curator(OpenSquare) -> child bounties -> developers\`
+
 https://voting.opensquare.io/
 
 |Syntax|Description|TestText|

diff --git a/src/components/Html.tsx b/src/components/Html.tsx
@@ -112,15 +112,9 @@ const Wrapper = styled.div<HtmlProps>`
     code {
       font-family: i-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
         Liberation Mono, monospace !important;
-      ${no_scroll_bar};
-      max-width: 100%;
-      padding: 0 8px;
+      padding: 2px 8px;
       background-color: #f0f3f8 !important;
       border-radius: 4px;
-      white-space: nowrap !important;
-      word-break: keep-all;
-      overflow-x: scroll;
-      display: inline-flex;
     }
 
     a {