From 2bcbbe391094c5ab20ec2340fa82a286b61fa826 Mon Sep 17 00:00:00 2001
From: YvetteNikolov <yvettenikolov@gmail.com>
Date: Wed, 11 Oct 2023 14:14:48 +0200
Subject: [PATCH] (chore): temporarily slightly change sidebar of mijn-zaken

---
 .../buren/templates/template-mijn-zaken.php   | 16 +++++++++-----
 .../templates/template-mijn-zaken.php         |  2 +-
 .../scss/nlds/denhaag/_badge-counter.scss     | 21 ++++++++++---------
 .../scss/nlds/denhaag/_dot-indicator.scss     |  8 +++----
 .../assets/scss/nlds/denhaag/_sidenav.scss    |  7 ++++---
 .../sidebar.php}                              | 10 ++++-----
 .../templates/template-mijn-zaken.php         |  2 +-
 7 files changed, 37 insertions(+), 29 deletions(-)
 rename htdocs/wp-content/themes/owc-formulieren/templates/{partials/sidebar-mijn-zaken.php => mijn-zaken/sidebar.php} (80%)

diff --git a/htdocs/wp-content/themes/buren/templates/template-mijn-zaken.php b/htdocs/wp-content/themes/buren/templates/template-mijn-zaken.php
index 1b2cba7f..b4bf1d38 100644
--- a/htdocs/wp-content/themes/buren/templates/template-mijn-zaken.php
+++ b/htdocs/wp-content/themes/buren/templates/template-mijn-zaken.php
@@ -3,10 +3,16 @@
  * Template name: Mijn Zaken
  */
 get_template_part('mijn-zaken/header');
-?>
 
-<main class="page-main" id="readspeaker">
-    <?php the_content(); ?>
-</main>
+?>
+    <main class="page-main page-main--mijn-zaken container" id="readspeaker">
+        <aside class="page-main__aside">
+            <?php get_template_part('mijn-zaken/sidebar'); ?>
+        </aside>
+        <article class="page-main__content">
+            <?php the_content(); ?>
+        </article>
+    </main>
+<?php
 
-<?php get_template_part('mijn-zaken/footer');
+get_template_part('mijn-zaken/footer');
diff --git a/htdocs/wp-content/themes/hoekschewaard/templates/template-mijn-zaken.php b/htdocs/wp-content/themes/hoekschewaard/templates/template-mijn-zaken.php
index c4059f75..b4bf1d38 100644
--- a/htdocs/wp-content/themes/hoekschewaard/templates/template-mijn-zaken.php
+++ b/htdocs/wp-content/themes/hoekschewaard/templates/template-mijn-zaken.php
@@ -7,7 +7,7 @@
 ?>
     <main class="page-main page-main--mijn-zaken container" id="readspeaker">
         <aside class="page-main__aside">
-            <?php get_template_part('partials/sidebar', 'mijn-zaken'); ?>
+            <?php get_template_part('mijn-zaken/sidebar'); ?>
         </aside>
         <article class="page-main__content">
             <?php the_content(); ?>
diff --git a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_badge-counter.scss b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_badge-counter.scss
index 4d9324a5..bbdf7ab6 100644
--- a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_badge-counter.scss
+++ b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_badge-counter.scss
@@ -34,16 +34,17 @@
 		--utrecht-badge-counter-color,
 		var( --utrecht-badge-color, hsl( 0, 0%, 100% ) )
 	);
-	font-family: var( --utrecht-document-font-family, sans-serif );
-	font-size: var( --utrecht-badge-counter-font-size );
-	font-style: var(
-		--utrecht-badge-counter-font-style,
-		normal
-	); /* no inheritance */
-	font-weight: var(
-		--utrecht-badge-counter-font-weight,
-		var( --utrecht-badge-font-weight, bold )
-	); /* no inheritance */
+
+	// font-family: var( --utrecht-document-font-family, sans-serif );
+	// font-size: var( --utrecht-badge-counter-font-size );
+	// font-style: var(
+	// 	--utrecht-badge-counter-font-style,
+	// 	normal
+	// ); /* no inheritance */
+	// font-weight: var(
+	// 	--utrecht-badge-counter-font-weight,
+	// 	var( --utrecht-badge-font-weight, bold )
+	// ); /* no inheritance */
 	line-height: 1;
 	max-block-size: max-content;
 	max-inline-size: max-content;
diff --git a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_dot-indicator.scss b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_dot-indicator.scss
index 2f8221ef..d4b70ad3 100644
--- a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_dot-indicator.scss
+++ b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_dot-indicator.scss
@@ -8,11 +8,11 @@
 
 .denhaag-dot-indicator__dot {
 	position: absolute;
-	width: var( --denhaag-dot-indicator-size );
-	height: var( --denhaag-dot-indicator-size );
-	border: var( --denhaag-dot-indicator-border );
+	width: var( --denhaag-dot-indicator-size, 8px );
+	height: var( --denhaag-dot-indicator-size, 8px );
+	border: var( --denhaag-dot-indicator-border, 2px );
 	border-radius: 50%;
-	background-color: var( --denhaag-dot-indicator-background-color );
+	background-color: var( --denhaag-dot-indicator-background-color, #ff0000 );
 	transform: scale( 1 ) translate( 50%, -50% );
 }
 
diff --git a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_sidenav.scss b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_sidenav.scss
index 199b6947..83bf9c77 100644
--- a/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_sidenav.scss
+++ b/htdocs/wp-content/themes/owc-formulieren/assets/scss/nlds/denhaag/_sidenav.scss
@@ -31,9 +31,10 @@
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	font-family: var( --denhaag-sidenav-item-font-family, sans-serif );
-	font-size: var( --denhaag-sidenav-item-font-size );
-	font-weight: var( --denhaag-sidenav-item-font-weight, normal );
+
+	// font-family: var( --denhaag-sidenav-item-font-family, sans-serif );
+	// font-size: var( --denhaag-sidenav-item-font-size );
+	// font-weight: var( --denhaag-sidenav-item-font-weight, normal );
 	line-height: 1.5;
 }
 
diff --git a/htdocs/wp-content/themes/owc-formulieren/templates/partials/sidebar-mijn-zaken.php b/htdocs/wp-content/themes/owc-formulieren/templates/mijn-zaken/sidebar.php
similarity index 80%
rename from htdocs/wp-content/themes/owc-formulieren/templates/partials/sidebar-mijn-zaken.php
rename to htdocs/wp-content/themes/owc-formulieren/templates/mijn-zaken/sidebar.php
index 508f6b2c..4d293351 100644
--- a/htdocs/wp-content/themes/owc-formulieren/templates/partials/sidebar-mijn-zaken.php
+++ b/htdocs/wp-content/themes/owc-formulieren/templates/mijn-zaken/sidebar.php
@@ -10,7 +10,7 @@
 <nav class="denhaag-sidenav">
     <ul class="denhaag-sidenav__list">
         <li class="denhaag-sidenav__item">
-            <a href="/" aria-current="page" class="denhaag-sidenav__link denhaag-sidenav__link--current">
+            <a href="<?php echo home_url("overzicht"); ?>" <?php echo is_page('overzicht') ? ' aria-current="page"' : '' ?> class="denhaag-sidenav__link<?php echo is_page('overzicht') ? ' denhaag-sidenav__link--current' : '' ?>">
                 <svg
                     width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                     class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto">
@@ -22,7 +22,7 @@ class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto"
             </a>
         </li>
         <li class="denhaag-sidenav__item">
-            <a href="#mijn-berichten" class="denhaag-sidenav__link">
+		<a href="<?php echo home_url("mijn-berichten"); ?>" <?php echo is_page('mijn-berichten') ? ' aria-current="page"' : '' ?> class="denhaag-sidenav__link<?php echo is_page('mijn-berichten') ? ' denhaag-sidenav__link--current' : '' ?>">
                 <svg
                     width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                     class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto">
@@ -40,7 +40,7 @@ class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto"
             </a>
         </li>
         <li class="denhaag-sidenav__item">
-            <a href="#mjn-zaken" class="denhaag-sidenav__link">
+			<a href="<?php echo home_url("mijn-zaken"); ?>" <?php echo is_page('mijn-zaken') ? ' aria-current="page"' : '' ?> class="denhaag-sidenav__link<?php echo is_page('mijn-zaken') ? ' denhaag-sidenav__link--current' : '' ?>">
                 <svg
                     width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                     class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto">
@@ -58,7 +58,7 @@ class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto"
             </a>
         </li>
         <li class="denhaag-sidenav__item">
-            <a href="#mijn-wijk" class="denhaag-sidenav__link">
+			<a href="<?php echo home_url("mijn-wijk"); ?>" <?php echo is_page('mijn-wijk') ? ' aria-current="page"' : '' ?> class="denhaag-sidenav__link<?php echo is_page('mijn-wijk') ? ' denhaag-sidenav__link--current' : '' ?>">
                 <svg
                     width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                     class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto">
@@ -74,7 +74,7 @@ class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto"
     <hr class="denhaag-divider" role="presentation">
     <ul class="denhaag-sidenav__list">
         <li class="denhaag-sidenav__item">
-            <a href="/mijn-gegevens" class="denhaag-sidenav__link">
+			<a href="<?php echo home_url("mijn-gegevens"); ?>" <?php echo is_page('mijn-gegevens') ? ' aria-current="page"' : '' ?> class="denhaag-sidenav__link<?php echo is_page('mijn-gegevens') ? ' denhaag-sidenav__link--current' : '' ?>">
                 <svg
                     width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                     class="denhaag-icon" focusable="false" aria-hidden="true" shape-rendering="auto">
diff --git a/htdocs/wp-content/themes/owc-formulieren/templates/template-mijn-zaken.php b/htdocs/wp-content/themes/owc-formulieren/templates/template-mijn-zaken.php
index c4059f75..b4bf1d38 100644
--- a/htdocs/wp-content/themes/owc-formulieren/templates/template-mijn-zaken.php
+++ b/htdocs/wp-content/themes/owc-formulieren/templates/template-mijn-zaken.php
@@ -7,7 +7,7 @@
 ?>
     <main class="page-main page-main--mijn-zaken container" id="readspeaker">
         <aside class="page-main__aside">
-            <?php get_template_part('partials/sidebar', 'mijn-zaken'); ?>
+            <?php get_template_part('mijn-zaken/sidebar'); ?>
         </aside>
         <article class="page-main__content">
             <?php the_content(); ?>