archive/theorangeone.net-legacy
1
Fork 0
Code Activity

Reduce spacing on navbar to show more elements before collapsing

Browse source 
Also accomplished by incrasing breakpoint of navbar collapse
This commit is contained in:
Jake Howard 2022-06-13 23:43:01 +01:00
parent 89b6dc09f5
commit ccc40b569f
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/navbar.html
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-sm navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href='{{ ref . "/" }}'><code>/home/{{ lower .Site.Title }}</code></a> <a class="navbar-brand" href='{{ ref . "/" }}'><code>/home/{{ lower .Site.Title }}</code></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

4
static/src/scss/style.scss
View file

@ -86,8 +86,8 @@ table td {
} }
.nav-link { .nav-link {
padding-right: $font-size-base !important; padding-right: $spacer * 0.75 !important;
padding-left: $font-size-base !important; padding-left: $spacer * 0.75 !important;
} }
.nav-link code, .navbar-brand code { .nav-link code, .navbar-brand code {