Mercurial > gemma

comparison client/src/components/Spacer.vue @ 1609:d3c9bdc8644f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add missing spacer
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 18 Dec 2018 08:45:45 +0100
parents
children bb5286acfee2
comparison
equal deleted inserted replaced
1608:427f9010b4a9 1609:d3c9bdc8644f
1 <template>
2 <div :class="room"></div>
3 </template>
4
5 <script>
6 /* This is Free Software under GNU Affero General Public License v >= 3.0
7 * without warranty, see README.md and license for details.
8 *
9 * SPDX-License-Identifier: AGPL-3.0-or-later
10 * License-Filename: LICENSES/AGPL-3.0.txt
11 *
12 * Copyright (C) 2018 by via donau
13 * – Österreichische Wasserstraßen-Gesellschaft mbH
14 * Software engineering by Intevation GmbH
15 *
16 * Author(s):
17 * Thomas Junk <thomas.junk@intevation.de>
18 */
19 import { mapState } from "vuex";
20 export default {
21 name: "spacer",
22 computed: {
23 ...mapState("application", ["showSidebar"]),
24 room() {
25 return [
26 "spacer ml-3",
27 {
28 "spacer-expanded": this.showSidebar,
29 "spacer-collapsed": !this.showSidebar
30 }
31 ];
32 }
33 }
34 };
35 </script>
36
37 <style lang="scss" scoped>
38 .spacer {
39 height: 90vh;
40 }
41
42 .spacer-collapsed {
43 min-width: $icon-width + $offset;
44 transition: $transition-fast;
45 }
46
47 .spacer-expanded {
48 min-width: $sidebar-width + $offset;
49 }
50 </style>