Change dialog font

Author: pomber

packages/mdx/src/mini-editor/code-browser.scss

@@ -9,6 +9,7 @@
   border-right: 1px solid;
   min-width: 100px;
   padding: 1em 0;
+  font-size: 0.95rem;
 }
 
 .ch-code-browser-content {
@@ -18,8 +19,8 @@
   white-space: pre;
   font-family: monospace;
   font-weight: normal;
-  font-size: 14px;
-  line-height: 19px;
+  font-size: 1rem;
+  line-height: 1.2rem;
   letter-spacing: 0px;
 }
 

packages/mdx/src/mini-editor/dialog.scss

@@ -13,7 +13,6 @@
   width: 100vw;
   border: 0;
   background-color: transparent;
-  position: relative;
 }
 
 .ch-expand-dialog::backdrop {

packages/mdx/src/mini-editor/expand-button.tsx

@@ -31,6 +31,12 @@ export function ExpandButton({
         onClose={() => {
           setExpanded(false)
         }}
+        onClick={e => {
+          if (e.currentTarget === e.target) {
+            ref.current.close()
+            document.body.classList.remove("ch-no-scroll")
+          }
+        }}
       >
         <CloseButton
           onClick={() => {