move all vendor css to new css file

monkeytypegame · Jan 27, 2025 · 9fff86d · 9fff86d
1 parent 380be3a
commit 9fff86d
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 4 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -73,6 +73,7 @@
     "@monkeytype/funbox": "workspace:*",
     "@monkeytype/util": "workspace:*",
     "@ts-rest/core": "3.51.0",
+    "balloon-css": "1.2.0",
     "canvas-confetti": "1.5.1",
     "chart.js": "3.7.1",
     "chartjs-adapter-date-fns": "3.0.0",

diff --git a/frontend/src/html/head.html b/frontend/src/html/head.html
@@ -89,5 +89,6 @@
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="darkreader-lock" />
   <meta http-equiv="Cache-Control" content="no-store" />
+  <link rel="stylesheet" href="/styles/vendor.scss" type="text/css" />
   <link rel="stylesheet" href="styles/index.scss" />
 </head>
diff --git a/frontend/src/styles/core.scss b/frontend/src/styles/core.scss
@@ -28,6 +28,8 @@
     var(--caret-color) 20%,
     transparent
   );
+
+  --balloon-font-size: 1rem;
 }
 
 ::placeholder {

diff --git a/frontend/src/styles/inputs.scss b/frontend/src/styles/inputs.scss
@@ -203,7 +203,6 @@ select:-webkit-autofill:focus {
 }
 
 // slim-select styles
-@import "slim-select/styles";
 .ss-main {
   border-radius: var(--roundness);
   outline: none;

diff --git a/frontend/src/styles/vendor.scss b/frontend/src/styles/vendor.scss
@@ -0,0 +1,2 @@
+@import "slim-select/styles";
+@import "balloon-css/src/balloon";
diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts
@@ -12,8 +12,6 @@ import { loadPromise } from "./config";
 
 $(async (): Promise<void> => {
   await loadPromise;
-  Misc.loadCSS("/css/balloon.min.css", true);
-
   CookiesModal.check();
 
   //this line goes back to pretty much the beginning of the project and im pretty sure its here

diff --git a/frontend/static/css/balloon.min.css b/frontend/static/css/balloon.min.css
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@import "slim-select/styles";
		@import "balloon-css/src/balloon";