Mercurial > gemma

comparison client/src/components/App.vue @ 2705:eb3d7a429eb0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: styling: fix z-index issues
author Markus Kottlaender <markus@intevation.de>
date Mon, 18 Mar 2019 16:05:26 +0100
parents 8774054959a7
children 8b32574bed09
comparison
equal deleted inserted replaced
2704:84145179ec72 2705:eb3d7a429eb0
1 <template> 1 <template>
2 <div id="app" class="main"> 2 <div id="app" class="main">
3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface"> 3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface">
4 <div class="d-flex p-2"> 4 <div class="boxes d-flex p-2">
5 <div class="mr-auto d-flex"> 5 <div class="mr-auto d-flex">
6 <Sidebar :routeName="routeName" /> 6 <Sidebar :routeName="routeName" />
7 <div :class="searchContainer"> 7 <div :class="searchContainer">
8 <Search v-if="isMapVisible" /> 8 <Search v-if="isMapVisible" />
9 <Contextbox v-if="isMapVisible" /> 9 <Contextbox v-if="isMapVisible" />
30 <vue-snotify /> 30 <vue-snotify />
31 <Popup /> 31 <Popup />
32 </div> 32 </div>
33 </template> 33 </template>
34 34
35 <style lang="scss" scoped> 35 <style lang="sass" scoped>
36 .userinterface { 36 #app
37 position: absolute; 37 height: 100%
38 top: 0; 38 width: 100%
39 left: 0; 39 font-family: "Avenir", Helvetica, Arial, sans-serif
40 right: 0; 40 -webkit-font-smoothing: antialiased
41 bottom: 0; 41 -moz-osx-font-smoothing: grayscale
42 z-index: 4; 42 text-align: center
43 pointer-events: none; 43 color: #2c3e50
44 }
45 44
46 #app { 45 .userinterface
47 height: 100%; 46 position: absolute
48 width: 100%; 47 top: 0
49 font-family: "Avenir", Helvetica, Arial, sans-serif; 48 left: 0
50 -webkit-font-smoothing: antialiased; 49 right: 0
51 -moz-osx-font-smoothing: grayscale; 50 bottom: 0
52 text-align: center; 51 z-index: 4
53 color: #2c3e50; 52 pointer-events: none
54 } 53
54 .boxes
55 position: relative
56 z-index: 10
55 </style> 57 </style>
56 58
57 <script> 59 <script>
58 /* This is Free Software under GNU Affero General Public License v >= 3.0 60 /* This is Free Software under GNU Affero General Public License v >= 3.0
59 * without warranty, see README.md and license for details. 61 * without warranty, see README.md and license for details.