hazza/hinode
1
0
Fork 0
mirror of https://github.com/gethinode/hinode.git synced 2025-10-18 07:23:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix alignment of navbar logo on smaller screens

Browse Source
This commit is contained in:
mark
2023-02-17 06:04:14 +01:00
parent 2f0e9f8a03
commit 2bff77cdae
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/scss/components/_navbar.scss
View File

@@ -89,8 +89,4 @@
} }
} }
.nav-spacing {
width: 26px;
}
// stylelint-enable annotation-no-unknown // stylelint-enable annotation-no-unknown

6
layouts/partials/assets/navbar.html
View File

@@ -87,8 +87,10 @@
{{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}} {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
</button> </button>
{{- else -}} {{- else -}}
<!-- Insert spacing to center logo correctly on smaller screens --> <!-- Insert invisible sidebar toggler to center logo correctly on smaller screens -->
<div class="nav-spacing d-{{ $size }}-none"></div> <button class="navbar-toggler collapsed ms-n3 invisible" type="button">
{{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
</button>
{{- end -}} {{- end -}}
<!-- Insert the brand logo or name --> <!-- Insert the brand logo or name -->