From f6560babf275802b12571374400ba2101c73aa97 Mon Sep 17 00:00:00 2001 From: Bryan de Jong Date: Mon, 19 May 2025 14:34:15 +0200 Subject: [PATCH 1/4] feat: add den haag web component --- template/mijn-omgeving/index.html | 43 +++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 template/mijn-omgeving/index.html diff --git a/template/mijn-omgeving/index.html b/template/mijn-omgeving/index.html new file mode 100644 index 0000000..77f9e53 --- /dev/null +++ b/template/mijn-omgeving/index.html @@ -0,0 +1,43 @@ + + + + + + + Steun voor ondernemers - Theme Builder + + + + + + + + + + + +
+ + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + +
+ + + + From 81ec6cafa2a4597c55649e3e1447a4366d9bb3ed Mon Sep 17 00:00:00 2001 From: Bryan de Jong Date: Wed, 28 May 2025 14:06:08 +0200 Subject: [PATCH 2/4] feat: add side nav and mijn omgeving content --- template/mijn-omgeving/index.css | 11 ++ template/mijn-omgeving/index.html | 221 ++++++++++++++++++++++++++++-- 2 files changed, 217 insertions(+), 15 deletions(-) create mode 100644 template/mijn-omgeving/index.css diff --git a/template/mijn-omgeving/index.css b/template/mijn-omgeving/index.css new file mode 100644 index 0000000..92b113d --- /dev/null +++ b/template/mijn-omgeving/index.css @@ -0,0 +1,11 @@ +.example-portal-layout { + display: flex; + flex-direction: row; +} + +.example-basis-theme-fixes { + /* original value `basis-interaction-color` is nearly invisible, + seems like that is not appropraite for a link on a white background? */ + /* stylelint-disable-next-line */ + --denhaag-sidenav-link-color: var(--basis-interaction-color-inverse) !important; +} diff --git a/template/mijn-omgeving/index.html b/template/mijn-omgeving/index.html index 77f9e53..ae72f44 100644 --- a/template/mijn-omgeving/index.html +++ b/template/mijn-omgeving/index.html @@ -1,5 +1,5 @@ - + @@ -17,25 +17,216 @@ rel="stylesheet" /> + +
- + - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - +
+ +
+ Hallo Jeroen van Drouwen + In ‘Mijn omgeving’ kunt u zelf uw persoonlijke zaken regelen wanneer het u uitkomt. U kunt bijvoorbeeld + uw rekeningen betalen en zien wanneer uw aanvraag klaar is. + + Wat moet ik regelen? + Task list component + Lopende zaken + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + +
+
- +
From f150a7d4a4209f0e3772ce78f66b7d96eb98a6ef Mon Sep 17 00:00:00 2001 From: Bryan de Jong Date: Wed, 28 May 2025 14:31:17 +0200 Subject: [PATCH 3/4] feat: add number badge --- template/mijn-omgeving/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/template/mijn-omgeving/index.html b/template/mijn-omgeving/index.html index ae72f44..66aadd9 100644 --- a/template/mijn-omgeving/index.html +++ b/template/mijn-omgeving/index.html @@ -68,7 +68,7 @@ - Berichten4
  • From 278d580fb2fdfc055756c992286b6641bcf6ffe6 Mon Sep 17 00:00:00 2001 From: Bryan de Jong Date: Wed, 4 Jun 2025 09:55:45 +0200 Subject: [PATCH 4/4] feat: remap den haag card case tokens to work with basis thema --- template/mijn-omgeving/index.css | 32 ++++++++++++++++++++++++++++++- template/mijn-omgeving/index.html | 26 +++++++++++++------------ 2 files changed, 45 insertions(+), 13 deletions(-) diff --git a/template/mijn-omgeving/index.css b/template/mijn-omgeving/index.css index 92b113d..9a454eb 100644 --- a/template/mijn-omgeving/index.css +++ b/template/mijn-omgeving/index.css @@ -6,6 +6,36 @@ .example-basis-theme-fixes { /* original value `basis-interaction-color` is nearly invisible, seems like that is not appropraite for a link on a white background? */ - /* stylelint-disable-next-line */ + + /* stylelint-disable */ + + /* sidenav fixes */ --denhaag-sidenav-link-color: var(--basis-interaction-color-inverse) !important; + + /* card case fixes */ + --denhaag-card-mobile-width: 360px; + --denhaag-card-width: 360px; + --denhaag-card-height: 240px; + --denhaag-card-border-radius: var(--todo-case-card-border-radius); + --denhaag-card-case-primary-background-color: var(--todo-case-card-background-color); + --denhaag-card-case-secondary-background-color: var(--todo-case-card-decoration-folder-background-color); + --denhaag-card-case-background-background-color: var(--todo-case-card-decoration-folder-background-color); + --denhaag-card-case-paper-color: var(--todo-case-card-decoration-paper-background-color); + --denhaag-card-case-padding-block-start: var(--todo-case-card-padding-block); + --denhaag-card-case-padding-block-end: var(--todo-case-card-padding-block); + --denhaag-card-wrapper-padding-inline: var(--todo-case-card-padding-inline); + + /* card case todo token with basis tokens fixes */ + --todo-case-card-background-color: var(--basis-color-primary-interactive-2) !important; + --todo-case-card-decoration-folder-background-color: var(--basis-color-primary-interactive-3) !important; + + /* stylelint-enable */ +} + +.example-case-card-grid { + column-gap: 16px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + row-gap: 16px; } diff --git a/template/mijn-omgeving/index.html b/template/mijn-omgeving/index.html index 66aadd9..78f8b88 100644 --- a/template/mijn-omgeving/index.html +++ b/template/mijn-omgeving/index.html @@ -211,18 +211,20 @@ Wat moet ik regelen? Task list component Lopende zaken - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - - - Hello world! - This impressive paella is a perfect party dish and a fun meal to cook. - +
    + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + + + Hello world! + This impressive paella is a perfect party dish and a fun meal to cook. + +