Fix sidemenu

astares · Aug 24, 2023 · 6f17252 · 6f17252
1 parent 39603b5
commit 6f17252
Showing 1 changed file with 21 additions and 7 deletions.
diff --git 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,17 +158,32 @@ 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"
 
 	^ '	 
   .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 */
+'
 ]