fix: hide rendered style elements (#536)

* fix: fixed issue when refreshing with dot in URL * fix: remove display block from style tags
netwerk-digitaal-erfgoed · Dec 15, 2021 · 103688e · 103688e
1 parent dcdb514
commit 103688e
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 3 deletions.
diff --git a/packages/solid-crs-components/lib/paginator/paginator.component.ts b/packages/solid-crs-components/lib/paginator/paginator.component.ts
@@ -101,11 +101,12 @@ export class PaginatorComponent extends RxLitElement {
           justify-content: flex-end;
           gap: var(--gap-normal);
           height: var(--gap-normal);
+          width: 100%;
         }
         :host[hidden] {
           display: none;
         }
-        :host > * {
+        :host > *:not(style) {
           margin: 0;
           padding: 0;
           display: block;

diff --git a/packages/solid-crs-manage/package-lock.json b/packages/solid-crs-manage/package-lock.json
diff --git a/packages/solid-crs-manage/package.json b/packages/solid-crs-manage/package.json
@@ -63,7 +63,8 @@
     "ts-node": "^9.1.1",
     "typescript": "^4.2.4",
     "util": "^0.12.4",
-    "vite": "2.2.3"
+    "vite": "2.2.3",
+    "vite-plugin-rewrite-all": "^0.1.2"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"

diff --git a/packages/solid-crs-manage/vite.config.ts b/packages/solid-crs-manage/vite.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, loadEnv } from 'vite';
+import pluginRewriteAll from 'vite-plugin-rewrite-all';
 
 export default defineConfig( ({ command, mode }) => {
   const env = loadEnv(mode, process.cwd());
@@ -22,6 +23,8 @@ export default defineConfig( ({ command, mode }) => {
 
   if (command === 'serve') {
       return {
+        // fixes 404 errors with dots in URL when serving locally (https://github.com/vitejs/vite/issues/2415)
+        plugins: [ pluginRewriteAll() ],
         root: 'lib',
         server: {
           port: 3002,

diff --git a/packages/solid-crs-presentation/package-lock.json b/packages/solid-crs-presentation/package-lock.json
diff --git a/packages/solid-crs-presentation/package.json b/packages/solid-crs-presentation/package.json
@@ -62,7 +62,8 @@
     "ts-node": "^9.1.1",
     "typescript": "^4.2.4",
     "util": "^0.12.4",
-    "vite": "2.2.3"
+    "vite": "2.2.3",
+    "vite-plugin-rewrite-all": "^0.1.2"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"

diff --git a/packages/solid-crs-presentation/vite.config.ts b/packages/solid-crs-presentation/vite.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, loadEnv } from 'vite';
+import pluginRewriteAll from 'vite-plugin-rewrite-all';
 
 export default defineConfig( ({ command, mode }) => {
   const env = loadEnv(mode, process.cwd());
@@ -19,6 +20,8 @@ export default defineConfig( ({ command, mode }) => {
 
   if (command === 'serve') {
       return {
+        // fixes 404 errors with dots in URL when serving locally (https://github.com/vitejs/vite/issues/2415)
+        plugins: [ pluginRewriteAll() ],
         root: 'lib',
         server: {
           port: 3005,