Fix a background issue on language selector and color selector mobile…

… navigation
OpenStickCommunity · Jan 4, 2025 · 28a6deb · 28a6deb
1 parent 4934a71
commit 28a6deb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/www/src/Components/Navigation.jsx b/www/src/Components/Navigation.jsx
@@ -62,7 +62,7 @@ const Navigation = () => {
 			</Navbar.Brand>
 			<Navbar.Toggle aria-controls="responsive-navbar-nav" />
 			<Navbar.Collapse id="basic-navbar-nav">
-				<Nav className="me-auto">
+				<Nav className="me-auto nav-menu">
 					<Nav.Link as={NavLink} to="/settings" eventKey={eventKey++}>
 						{t('Navigation:settings-label')}
 					</Nav.Link>

diff --git a/www/src/Components/Navigation.scss b/www/src/Components/Navigation.scss
@@ -53,11 +53,13 @@ nav.navbar {
 		.nav-link {
 			margin-left: $nav-outer-margin;
 		}
-		.dropdown-menu {
-			background-color: transparent;
-			border: none;
-			.dropdown-item {
-				padding-left: 1.5rem;
+		.nav-menu {
+			.dropdown-menu {
+				background-color: transparent;
+				border: none;
+				.dropdown-item {
+					padding-left: 1.5rem;
+				}
 			}
 		}
 	}