Small fixes for mobile

master
Mark Moffat 2020-01-10 20:45:43 +10:30
parent 986f1ee966
commit 1a4dcfdea6
2 changed files with 10 additions and 6 deletions

View File

@ -99,9 +99,9 @@
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
{{#unless admin}} {{#unless admin}}
{{#ifCond @root.config.enableLanguages "!=" false}} {{#ifCond @root.config.enableLanguages "!=" false}}
<div class="dropdown"> <div class="dropdown d-none d-sm-block">
<button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ @root.__ "Languages" }} <i class="fas fa-globe-americas"></i>
</button> </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{{#availableLanguages}} {{#availableLanguages}}

View File

@ -1,5 +1,5 @@
<nav id="navbarMenu" class="navbar navbar-expand-lg navbar-light bg-light navbarMenuWrapper col-sm-12"> <nav id="navbarMenu" class="navbar-expand-lg navbar navbar-light bg-light navbarMenuWrapper col-sm-12">
<div class="col-sm-8 offset-md-2 collapsed navbar-collapse" id="navbarMenu"> <div class="col-sm-8 offset-md-2 collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item {{#unless searchTerm}}active{{/unless}}"><a class="nav-link" href="/">Home</a></li> <li class="nav-item {{#unless searchTerm}}active{{/unless}}"><a class="nav-link" href="/">Home</a></li>
{{#each menu.items}} {{#each menu.items}}
@ -11,8 +11,12 @@
{{/each}} {{/each}}
</ul> </ul>
<form class="form-inline ml-auto"> <form class="form-inline ml-auto">
<input class="form-control mr-sm-2" name="frm_search" id="frm_search" type="search" placeholder="{{ @root.__ "Search shop" }}" aria-label="Search"> <div class="input-group">
<button class="btn btn-outline-success my-2 my-sm-0" id="btn_search" type="submit">{{ @root.__ "Search" }}</button> <input class="form-control" name="frm_search" id="frm_search" type="search" placeholder="{{ @root.__ "Search shop" }}" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-outline-success" id="btn_search" type="submit">{{ @root.__ "Search" }}</button>
</div>
</div>
</form> </form>
</div> </div>
</nav> </nav>