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>