From 6bed170910cdf6fd2ca68eb9d1b65779287afa5d Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Sat, 16 Sep 2023 02:27:29 +0200
Subject: [PATCH] Fix: css-generate script; loading of stylesheet in
style_test, add small buttons to style_test
---
package.json | 4 ++--
src/UI/StylesheetTestGui.svelte | 13 ++++++++++---
style_test.html | 3 ++-
3 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/package.json b/package.json
index 40d261545..a49a7d3d6 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
"strt": "vite --host",
"strttest": "export NODE_OPTIONS=--max_old_space_size=8364 && parcel serve test.html assets/templates/*.svg assets/templates/fonts/*.ttf",
"watch:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css --watch",
- "generate:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css",
+ "generate:css": "tailwindcss -i src/index.css -o public/css/index-tailwind-output.css",
"generate:doctests": "doctest-ts-improved . --ignore .*.spec.ts --ignore .*ConfigJson.ts",
"test:run-only": "vitest --run test",
"test": " export NODE_OPTIONS=\"--max-old-space-size=8192\" && npm run clean:tests && (npm run generate:doctests 2>&1 | grep -v \"No doctests found in\") && npm run test:run-only && npm run clean:tests",
@@ -192,4 +192,4 @@
"typescript": "^4.7.4",
"vite": "^4.0.5"
}
-}
\ No newline at end of file
+}
diff --git a/src/UI/StylesheetTestGui.svelte b/src/UI/StylesheetTestGui.svelte
index 9a0705c00..4ad143006 100644
--- a/src/UI/StylesheetTestGui.svelte
+++ b/src/UI/StylesheetTestGui.svelte
@@ -1,7 +1,7 @@
<script lang="ts">
- import Svg from "../Svg"
- import Loading from "./Base/Loading.svelte"
- import ToSvelte from "./Base/ToSvelte.svelte"
+ import Svg from "../Svg";
+ import Loading from "./Base/Loading.svelte";
+ import ToSvelte from "./Base/ToSvelte.svelte";
</script>
<div>
@@ -38,6 +38,13 @@
<ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} />
Main action (disabled)
</button>
+
+ <button class="small primary">
+ Small button
+ </button>
+ <button class="small primary disabled">
+ Small, disabled button
+ </button>
</div>
<div class="flex">
<button>
diff --git a/style_test.html b/style_test.html
index 0362bc620..854f8fc41 100644
--- a/style_test.html
+++ b/style_test.html
@@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8">
<title>Stylesheet testing grounds</title>
- <link href="./index.css" rel="stylesheet"/>
+ <link href="./css/index-tailwind-output.css" rel="stylesheet"/>
+
</head>
<body>
<div id="main"></div>