quackscape/assets/css/scene.css

#sceneNavbar {
  z-index: 99999;
  position: fixed;
  width: 100%;
}

#sceneSidebar {
  z-index: 99999;
  position: fixed;
  width: 250px;
  height: 100%;
  background-color: #f8f9fa;
  opacity: 0.7;
}
feat: add dynamic navbar to scenes Introduced a new CSS file for styling a fixed navbar in scenes, enhancing user navigation within the virtual environment. Modified scene.js to include fetching categories and generating a navbar with scene options dynamically based on the category of the current scene. This allows users to switch scenes more intuitively. The `nonavbar` attribute was added for scenes where the navbar should be omitted, providing flexibility in scene presentation. Additionally, streamlined CSS and SCSS imports across JS files for consistency and removed an unnecessary SCSS import from editor.js, optimizing load times and project structure. This update significantly improves user experience by facilitating easier navigation and scene exploration within the application. 2024-03-15 15:41:37 +00:00			`#sceneNavbar {`
			`z-index: 99999;`
			`position: fixed;`
			`width: 100%;`
feat: add dynamic sidebar for scenes Introduce a new sidebar in the UI for enhanced navigation through scenes. This feature includes CSS modifications for styling, updates in JavaScript to dynamically load sidebar content based on scene categories, and template adjustments to include the sidebar option. By leveraging the Collapse component from Bootstrap alongside existing infrastructure, this addition enriches user interaction by providing a convenient and visually appealing method to explore different scenes within the application. The sidebar's design and functionality are thoughtfully integrated to ensure a cohesive and user-friendly experience. The decision to implement a sidebar stemmed from the need to improve navigational efficiency and user engagement with the content. This change is part of a broader effort to enhance the UI/UX of the application, aiming to make the exploration of scenes more intuitive and accessible. 2024-03-15 18:27:19 +00:00			`}`

			`#sceneSidebar {`
			`z-index: 99999;`
			`position: fixed;`
			`width: 250px;`
			`height: 100%;`
			`background-color: #f8f9fa;`
			`opacity: 0.7;`
			`}`