elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix: css-generate script; loading of stylesheet in style_test, add small buttons to style_test

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-09-16 02:27:29 +02:00
parent 8c390d12fe
commit 6bed170910
3 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
package.json
View file

@ -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"
}
}
}

13
src/UI/StylesheetTestGui.svelte
View file

@ -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>

3
style_test.html
View file

@ -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>