From 6f1725223766e07ab06d3479d0f5dd7c127ef7ec Mon Sep 17 00:00:00 2001
From: Torsten Bergmann <astares@gmx.de>
Date: Thu, 24 Aug 2023 16:35:38 +0200
Subject: [PATCH] Fix sidemenu

---
 src/Boot-Web-UI/BTSideBar.class.st | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/Boot-Web-UI/BTSideBar.class.st b/src/Boot-Web-UI/BTSideBar.class.st
index b29f80c..c16887f 100644
--- a/src/Boot-Web-UI/BTSideBar.class.st
+++ b/src/Boot-Web-UI/BTSideBar.class.st
@@ -20,13 +20,11 @@ BTSideBar >> initialize [
 { #category : #rendering }
 BTSideBar >> renderContentOn: html [
 	html aside
-		class: 'offcanvas offcanvas-start';	 	 
+		class: 'navbar offcanvas offcanvas-start';	 	 
 		tabIndex: -1;
 		id: 'offcanvasNavbarDark';		  
   		with: [  	
-			 self 
-				renderSideBarHeaderOn: html;
-				renderSideBarContentOn: html	 		 
+			 self renderSideBarOn: html	 		 
 	]
 ]
 
@@ -45,7 +43,8 @@ BTSideBar >> renderSideBarHeaderOn: html [
 { #category : #rendering }
 BTSideBar >> renderSideBarMenuOn: html [
 
-	html html: '<div class="navbar navbar-vertical navbar-expand-lg">
+	html html: ' 
+		<div>
         <div class="container-fluid">
   
           <div class="  navbar-collapse" id="sidebar-menu">
@@ -159,11 +158,22 @@ BTSideBar >> renderSideBarMenuOn: html [
             </ul>
           </div>
         </div>
-      </div>
+     <div>
     
          '
 ]
 
+{ #category : #rendering }
+BTSideBar >> renderSideBarOn: html [
+
+	html div
+		class: 'navbar-vertical navbar-expand-lg';
+		with: [
+			self
+				renderSideBarHeaderOn: html;
+				renderSideBarContentOn: html ]
+]
+
 { #category : #hooks }
 BTSideBar >> style [
  	"Overwrite to be always on also for large screens"
@@ -171,5 +181,9 @@ BTSideBar >> style [
 	^ '	 
   .navbar-expand-md .navbar-toggler {
     display: block !important; /* Override the display: none property */
-  }'
+  }
+
+  .navbar-vertical.navbar-expand-lg {
+    width: var(--tblr-offcanvas-width) !important; /* Override the width property to align with offcanvas */
+'
 ]