Fix navbar overflowing on small screens

This commit is contained in:
Sainan 2025-04-03 00:40:50 +02:00
parent b800360ed0
commit 623ff1b719

View File

@ -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.