From b9d5fe449e2e0df98b756c8976891320cb0f4383 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= Date: Thu, 9 Mar 2023 14:35:02 +0100 Subject: [PATCH 1/4] Fix 'viewport' 'width=device-width' by removing it, because it does not work correctly for Safari on iOS --- webapp/nuxt.config.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js index ef29c938d..750161095 100644 --- a/webapp/nuxt.config.js +++ b/webapp/nuxt.config.js @@ -62,7 +62,8 @@ export default { }, { name: 'viewport', - content: 'width=device-width, initial-scale=1', + // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS + content: 'initial-scale=1', }, { hid: 'description', From eb9daebe52c0feee8ddf0b47af0596db947d3369 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= Date: Thu, 9 Mar 2023 20:13:48 +0100 Subject: [PATCH 2/4] Change 'viewport' on maintenance page as well and add comment --- webapp/maintenance/source/nuxt.config.maintenance.js | 3 ++- webapp/nuxt.config.js | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/webapp/maintenance/source/nuxt.config.maintenance.js b/webapp/maintenance/source/nuxt.config.maintenance.js index 9e11a5eb0..32fa4855c 100644 --- a/webapp/maintenance/source/nuxt.config.maintenance.js +++ b/webapp/maintenance/source/nuxt.config.maintenance.js @@ -15,7 +15,8 @@ export default { }, { name: 'viewport', - content: 'width=device-width, initial-scale=1', + // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS, see https://stackoverflow.com/a/37136777 + content: 'initial-scale=1', }, { hid: 'description', diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js index 750161095..c6cded102 100644 --- a/webapp/nuxt.config.js +++ b/webapp/nuxt.config.js @@ -62,7 +62,7 @@ export default { }, { name: 'viewport', - // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS + // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS, see https://stackoverflow.com/a/37136777 content: 'initial-scale=1', }, { From 851679fe33d6700593351105116cdad6ddb1cb87 Mon Sep 17 00:00:00 2001 From: Markus Date: Mon, 13 Mar 2023 15:01:08 +0100 Subject: [PATCH 3/4] increased the y-Gap in the masonry-grid component for a better overview --- webapp/components/MasonryGrid/MasonryGrid.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webapp/components/MasonryGrid/MasonryGrid.vue b/webapp/components/MasonryGrid/MasonryGrid.vue index 00afa31af..f95c0e16e 100644 --- a/webapp/components/MasonryGrid/MasonryGrid.vue +++ b/webapp/components/MasonryGrid/MasonryGrid.vue @@ -30,7 +30,7 @@ export default { /* dirty fix to override broken styleguide inline-styles */ .ds-grid { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important; - gap: 16px !important; + gap: 32px 16px !important; grid-auto-rows: 20px; } From 60e4ff28a70bd59eaf50bbeac872436d4fbe5f57 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= Date: Tue, 14 Mar 2023 07:39:25 +0100 Subject: [PATCH 4/4] Remove comment why 'viewport' has to be changed --- webapp/maintenance/source/nuxt.config.maintenance.js | 1 - webapp/nuxt.config.js | 1 - 2 files changed, 2 deletions(-) diff --git a/webapp/maintenance/source/nuxt.config.maintenance.js b/webapp/maintenance/source/nuxt.config.maintenance.js index 32fa4855c..4bbe72fdb 100644 --- a/webapp/maintenance/source/nuxt.config.maintenance.js +++ b/webapp/maintenance/source/nuxt.config.maintenance.js @@ -15,7 +15,6 @@ export default { }, { name: 'viewport', - // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS, see https://stackoverflow.com/a/37136777 content: 'initial-scale=1', }, { diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js index c6cded102..2a837ffb4 100644 --- a/webapp/nuxt.config.js +++ b/webapp/nuxt.config.js @@ -62,7 +62,6 @@ export default { }, { name: 'viewport', - // content: 'width=device-width, initial-scale=1', // "width=device-width" does not work correctly for Safari on iOS, see https://stackoverflow.com/a/37136777 content: 'initial-scale=1', }, {