Fix navbar overflowing on small screens
This commit is contained in:
		
							parent
							
								
									b800360ed0
								
							
						
					
					
						commit
						623ff1b719
					
				@ -12,9 +12,13 @@ $query = getQueryForLang($lang_code);
 | 
				
			|||||||
$ext = (substr($_SERVER["SERVER_SOFTWARE"] ?? "", 0, 3) == "PHP" ? ".php" : "") . $query;
 | 
					$ext = (substr($_SERVER["SERVER_SOFTWARE"] ?? "", 0, 3) == "PHP" ? ".php" : "") . $query;
 | 
				
			||||||
$path = strtok($_SERVER["REQUEST_URI"], '?');
 | 
					$path = strtok($_SERVER["REQUEST_URI"], '?');
 | 
				
			||||||
?>
 | 
					?>
 | 
				
			||||||
<nav class="navbar navbar-expand bg-body-tertiary">
 | 
					<nav class="navbar navbar-expand-sm bg-body-tertiary">
 | 
				
			||||||
	<div class="container">
 | 
						<div class="container">
 | 
				
			||||||
		<a class="navbar-brand" href="/<?=$query;?>" <?php if ($path == "/"): ?> onclick="event.preventDefault();" <?php endif; ?>>OpenWF</a>
 | 
							<a class="navbar-brand" href="/<?=$query;?>" <?php if ($path == "/"): ?> onclick="event.preventDefault();" <?php endif; ?>>OpenWF</a>
 | 
				
			||||||
 | 
							<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
 | 
				
			||||||
 | 
								<span class="navbar-toggler-icon"></span>
 | 
				
			||||||
 | 
							</button>
 | 
				
			||||||
 | 
							<div class="collapse navbar-collapse" id="navbar-content">
 | 
				
			||||||
			<ul class="navbar-nav me-auto mb-0">
 | 
								<ul class="navbar-nav me-auto mb-0">
 | 
				
			||||||
				<li class="nav-item dropdown">
 | 
									<li class="nav-item dropdown">
 | 
				
			||||||
					<a class="nav-link dropdown-toggle<?=((substr($path, 0, 6) == "/guide" || substr($path, 0, 25) == "/asset-replacements-guide") ? " active" : ""); ?>" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><?=loc("guides");?></a>
 | 
										<a class="nav-link dropdown-toggle<?=((substr($path, 0, 6) == "/guide" || substr($path, 0, 25) == "/asset-replacements-guide") ? " active" : ""); ?>" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><?=loc("guides");?></a>
 | 
				
			||||||
@ -38,6 +42,7 @@ $path = strtok($_SERVER["REQUEST_URI"], '?');
 | 
				
			|||||||
				</li>
 | 
									</li>
 | 
				
			||||||
			</ul>
 | 
								</ul>
 | 
				
			||||||
		</div>
 | 
							</div>
 | 
				
			||||||
 | 
						</div>
 | 
				
			||||||
</nav>
 | 
					</nav>
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
	// Disable navbar links that point back to this page.
 | 
						// Disable navbar links that point back to this page.
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user