Mercurial > gemma
comparison client/src/application/Topbar.vue @ 888:2e2ac0b88af9
client: hide menu button and box for print
* Use bootstrap 4's class to hide the menu button and box from printing.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Mon, 01 Oct 2018 17:46:58 +0200 |
parents | 9b982e50e938 |
children | b9aaa093a9fb |
comparison
equal
deleted
inserted
replaced
887:aae517757923 | 888:2e2ac0b88af9 |
---|---|
1 <template> | 1 <template> |
2 <div class="topbar d-flex flex-row"> | 2 <div class="topbar d-flex flex-row"> |
3 <div @click="toggleSidebar"> | 3 <div @click="toggleSidebar"> |
4 <i class="ui-element menubutton fa fa-bars"></i> | 4 <i class="ui-element menubutton d-print-none fa fa-bars"></i> |
5 </div> | 5 </div> |
6 <div v-if="routeName == 'mainview'" :class="searchbarContainerStyle"> | 6 <div v-if="routeName == 'mainview'" :class="searchbarContainerStyle"> |
7 <div class="input-group-prepend shadow"> | 7 <div class="input-group-prepend shadow"> |
8 <span @click="toggleSearchbar" class="ui-element input-group-text searchlabel" for="search"> | 8 <span @click="toggleSearchbar" class="ui-element input-group-text searchlabel" for="search"> |
9 <i class="fa fa-search"></i> | 9 <i class="fa fa-search"></i> |