From 29a9f7da27d22aecf0a406c47f80c885059abeef Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Wed, 27 Jul 2022 18:28:25 +0500
Subject: [PATCH] fix: use % instead of vw for setting max-width

---
 packages/editor/scripts/build.sh   |   2 -
 packages/editor/scripts/compile.sh |   2 -
 packages/editor/src/fonts.css      |  37 ---
 packages/editor/src/styles.css     | 407 -----------------------------
 packages/editor/styles/styles.css  |   2 +-
 5 files changed, 1 insertion(+), 449 deletions(-)
 delete mode 100644 packages/editor/src/fonts.css
 delete mode 100644 packages/editor/src/styles.css

diff --git a/packages/editor/scripts/build.sh b/packages/editor/scripts/build.sh
index b3fb001af..4e1bbecda 100755
--- a/packages/editor/scripts/build.sh
+++ b/packages/editor/scripts/build.sh
@@ -2,7 +2,5 @@ cp ./node_modules/katex/dist/katex.min.css $(realpath ./styles/)
 cp -r ./node_modules/katex/dist/fonts/ $(realpath ./styles/)
 cp ./node_modules/prism-themes/themes/prism-dracula.min.css $(realpath ./styles/)/prism-theme.css
 cp ./node_modules/prism-themes/themes/prism-dracula.min.css $(realpath ./styles/)/prism-theme.css
-cp $(realpath ./src/fonts.css) $(realpath ./styles/)/fonts.css
-cp $(realpath ./src/styles.css) $(realpath ./styles/)/styles.css
 
 yarn tsc --watch
\ No newline at end of file
diff --git a/packages/editor/scripts/compile.sh b/packages/editor/scripts/compile.sh
index 269874f61..339c91657 100755
--- a/packages/editor/scripts/compile.sh
+++ b/packages/editor/scripts/compile.sh
@@ -4,8 +4,6 @@ cp ./node_modules/katex/dist/katex.min.css $(realpath ./styles/)
 cp -r ./node_modules/katex/dist/fonts/ $(realpath ./styles/)
 cp ./node_modules/prism-themes/themes/prism-dracula.min.css $(realpath ./styles/)/prism-theme.css
 cp ./node_modules/prism-themes/themes/prism-dracula.min.css $(realpath ./styles/)/prism-theme.css
-cp $(realpath ./src/fonts.css) $(realpath ./styles/)/fonts.css
-cp $(realpath ./src/styles.css) $(realpath ./styles/)/styles.css
 
 yarn tsc --module commonjs --outDir ./dist/cjs --target es2015
 yarn tsc --module esnext --outDir ./dist/es --target es6
diff --git a/packages/editor/src/fonts.css b/packages/editor/src/fonts.css
deleted file mode 100644
index 11946a706..000000000
--- a/packages/editor/src/fonts.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/*!
- *  Hack typeface https://github.com/source-foundry/Hack
- *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
- */
-/* FONT PATHS
- * -------------------------- */
-@font-face {
-  font-family: "Hack";
-  src: url("fonts/hack-regular.woff2") format("woff2"),
-    url("fonts/hack-regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Hack";
-  src: url("fonts/hack-bold.woff2") format("woff2"),
-    url("fonts/hack-bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Hack";
-  src: url("fonts/hack-italic.woff2") format("woff2"),
-    url("fonts/hack-italic.woff") format("woff");
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Hack";
-  src: url("fonts/hack-bolditalic.woff2") format("woff2"),
-    url("fonts/hack-bolditalic.woff") format("woff");
-  font-weight: 700;
-  font-style: italic;
-}
diff --git a/packages/editor/src/styles.css b/packages/editor/src/styles.css
deleted file mode 100644
index a7dec52a1..000000000
--- a/packages/editor/src/styles.css
+++ /dev/null
@@ -1,407 +0,0 @@
-.ProseMirror p.is-editor-empty:first-child::before {
-  color: var(--placeholder);
-  content: attr(data-placeholder);
-  float: left;
-  height: 0;
-  pointer-events: none;
-}
-
-.ProseMirror code:not(pre code) {
-  background-color: var(--bgSecondary);
-}
-
-.ProseMirror:first-child {
-  margin-top: 10px;
-}
-
-.ProseMirror hr {
-  background-color: var(--border);
-  border-width: 0;
-  height: 2px;
-}
-
-.ProseMirror code:not(pre code) {
-  background-color: var(--bgSecondary);
-  border: 1px solid var(--border);
-  border-radius: 5px;
-  padding: 3px 5px 0px 5px;
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono,
-    Menlo, monospace !important;
-  font-size: 10pt !important;
-}
-
-.ProseMirror li p {
-  margin: 0px;
-}
-
-.ProseMirror li {
-  margin-bottom: 5px;
-}
-
-.ProseMirror a {
-  color: var(--primary);
-  cursor: pointer;
-}
-
-.ProseMirror a:hover {
-  filter: brightness(70%);
-}
-
-.ProseMirror {
-  position: relative;
-}
-.ProseMirror {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  white-space: break-spaces;
-  -webkit-font-variant-ligatures: none;
-  font-variant-ligatures: none;
-  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
-}
-.ProseMirror [contenteditable="false"] {
-  white-space: normal;
-}
-.ProseMirror [contenteditable="false"] [contenteditable="true"] {
-  white-space: pre-wrap;
-}
-.ProseMirror pre {
-  white-space: pre-wrap;
-}
-img.ProseMirror-separator {
-  display: inline !important;
-  border: none !important;
-  margin: 0 !important;
-  width: 1px !important;
-  height: 1px !important;
-}
-.ProseMirror-gapcursor {
-  display: none;
-  pointer-events: none;
-  position: absolute;
-  margin: 0;
-}
-.ProseMirror-gapcursor:after {
-  content: "";
-  display: block;
-  position: absolute;
-  top: -2px;
-  width: 20px;
-  border-top: 1px solid var(--text);
-  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
-}
-@keyframes ProseMirror-cursor-blink {
-  to {
-    visibility: hidden;
-  }
-}
-.ProseMirror-hideselection *::selection {
-  background: transparent;
-  color: var(--text);
-}
-.ProseMirror-hideselection *::-moz-selection {
-  background: transparent;
-  color: var(--text);
-}
-.ProseMirror-hideselection * {
-  caret-color: transparent;
-}
-.ProseMirror-focused .ProseMirror-gapcursor {
-  display: block;
-}
-.tippy-box[data-animation="fade"][data-state="hidden"] {
-  opacity: 0;
-}
-
-.ProseMirror li.node-taskItem {
-  list-style-type: none;
-}
-
-.ProseMirror table {
-  border-collapse: collapse;
-  margin: 0;
-  overflow: hidden;
-  table-layout: fixed;
-}
-
-.ProseMirror table td,
-.ProseMirror table th {
-  border: 1px solid var(--border);
-  box-sizing: border-box;
-  min-width: 1em;
-  padding: 3px 5px;
-  position: relative;
-  vertical-align: top;
-}
-
-.ProseMirror table td > *,
-.ProseMirror table th > * {
-  margin-bottom: 0;
-}
-
-.ProseMirror table th {
-  background-color: var(--bgSecondary);
-  font-weight: bold;
-  text-align: left;
-}
-
-.ProseMirror table .selectedCell:after {
-  background: var(--primary);
-  content: "";
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  position: absolute;
-  z-index: 2;
-  opacity: 0.2;
-}
-
-.ProseMirror table .column-resize-handle {
-  background-color: var(--primary);
-  bottom: -2px;
-  position: absolute;
-  right: -2px;
-  pointer-events: none;
-  top: 0;
-  width: 5px;
-}
-
-.ProseMirror table p {
-  margin: 0;
-}
-
-.tableWrapper {
-  /* padding: 1rem 0; */
-  overflow-x: auto;
-}
-
-.resize-cursor {
-  cursor: ew-resize;
-  cursor: col-resize;
-}
-
-.drop-cursor {
-  background-color: var(--text) !important;
-}
-
-.search-result.selected {
-  background-color: var(--dimPrimary) !important;
-}
-
-.search-result {
-  background-color: var(--disabled);
-}
-
-.line-number-widget,
-.line-number::before {
-  color: var(--codeFg);
-  pointer-events: none;
-  border-right: 1px solid currentColor;
-  margin-right: 10px;
-  padding-right: 10px;
-}
-
-.line-number::before {
-  content: attr(data-line);
-}
-
-.line-number.active::before,
-.line-number-widget.active {
-  color: var(--codeHighlight);
-}
-
-.line-number.active:after,
-.line-number-widget.active:after {
-  content: " ";
-  width: 100%;
-  position: absolute;
-  left: 0;
-  pointer-events: none;
-  background-color: var(--overlay);
-}
-
-pre::selection,
-pre *::selection {
-  background-color: var(--codeSelection) !important;
-  color: currentColor;
-}
-
-.hide-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-.ProseMirror blockquote {
-  border-left: 5px solid var(--border);
-  padding-left: 15px;
-}
-
-/****************************************************************/
-/* Styles taken from https://github.com/curvenote/prosemirror-codemark/blob/main/src/codemark.css */
-/****************************************************************/
-
-@keyframes blink {
-  49% {
-    border-color: unset;
-  }
-  50% {
-    border-color: #fff;
-  }
-  99% {
-    border-color: #fff;
-  }
-}
-.no-cursor {
-  caret-color: transparent;
-}
-div:focus .fake-cursor,
-span:focus .fake-cursor {
-  margin-right: -1px;
-  border-left-width: 1px;
-  border-left-style: solid;
-  animation: blink 1s;
-  animation-iteration-count: infinite;
-  position: relative;
-  z-index: 1;
-}
-
-/*******************************************/
-/* MATH STYLES */
-/*******************************************/
-
-/*---------------------------------------------------------
- *  Author: Benjamin R. Bray
- *  License: MIT (see LICENSE in project root for details)
- *--------------------------------------------------------*/
-
-/* == Math Nodes ======================================== */
-
-.math-node {
-  min-width: 1em;
-  min-height: 1em;
-  font-size: 0.95em;
-  font-family: "Consolas", "Ubuntu Mono", monospace;
-  cursor: auto;
-}
-
-.math-node.empty-math .math-render::before {
-  content: "(empty)";
-  color: red;
-}
-
-.math-node .math-render.parse-error::before {
-  content: "(math error)";
-  color: red;
-  cursor: help;
-}
-
-.math-node.ProseMirror-selectednode {
-  outline: none;
-}
-
-.math-node .math-src {
-  display: none;
-  color: var(--text);
-  tab-size: 4;
-}
-
-.math-node.ProseMirror-selectednode .math-src {
-  display: inline;
-}
-.math-node.ProseMirror-selectednode .math-render {
-  display: none;
-}
-
-/* -- Inline Math --------------------------------------- */
-
-.math-inline {
-  display: inline;
-  white-space: nowrap;
-}
-
-.math-inline .math-render {
-  display: inline-block;
-  /* font-size: 0.85em; */
-  cursor: pointer;
-}
-
-.math-inline .math-src .ProseMirror {
-  display: inline;
-  /* Necessary to fix FireFox bug with contenteditable, https://bugzilla.mozilla.org/show_bug.cgi?id=1252108 */
-  border-right: 1px solid transparent;
-  border-left: 1px solid transparent;
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-    Liberation Mono, monospace !important;
-}
-
-.math-inline.ProseMirror-selectednode {
-  background-color: var(--bgSecondary);
-  padding: 3px;
-  border-radius: 5px;
-  border: 1px solid var(--border);
-}
-
-.math-inline .math-src::after,
-.math-inline .math-src::before {
-  content: "$$";
-  color: var(--disabled);
-}
-
-/* -- Block Math ---------------------------------------- */
-
-.math-block {
-  display: block;
-}
-
-.math-block .math-render {
-  display: block;
-}
-
-.math-block.ProseMirror-selectednode {
-  background-color: var(--bgSecondary);
-  padding: 10px;
-  border-radius: 5px;
-  border: 1px solid var(--border);
-}
-
-.math-block .math-src .ProseMirror {
-  width: 100%;
-  display: block;
-  margin-top: 10px;
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-    Liberation Mono, monospace !important;
-}
-
-/* .math-block .math-src::after, */
-.math-block .math-src::before {
-  content: "Math";
-  text-align: left;
-  color: var(--disabled);
-  margin-bottom: 10px;
-}
-
-.math-block .katex-display {
-  margin: 0;
-}
-
-.math-block .katex {
-  max-width: 100vw;
-  overflow-x: auto;
-}
-
-/* -- Selection Plugin ---------------------------------- */
-
-/* p::selection,
-p > *::selection {
-  background-color: #c0c0c0;
-}
-.katex-html *::selection {
-  background-color: none !important;
-}
-
-.math-node.math-select .math-render {
-  background-color: #c0c0c0ff;
-}
-.math-inline.math-select .math-render {
-  padding-top: 2px;
-} */
diff --git a/packages/editor/styles/styles.css b/packages/editor/styles/styles.css
index a7dec52a1..4b5cec426 100644
--- a/packages/editor/styles/styles.css
+++ b/packages/editor/styles/styles.css
@@ -385,7 +385,7 @@ span:focus .fake-cursor {
 }
 
 .math-block .katex {
-  max-width: 100vw;
+  max-width: 100%;
   overflow-x: auto;
 }