Mercurial > gemma
annotate client/src/components/Spacer.vue @ 4434:0ca5e6c4f195
Added tag v4-preview20190918 for changeset b5619087e3e9
author | Sascha Wilde <wilde@intevation.de> |
---|---|
date | Wed, 18 Sep 2019 18:04:39 +0200 |
parents | bb5286acfee2 |
children | 7768f14f6535 |
rev | line source |
---|---|
1609 | 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 [ | |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
1609
diff
changeset
|
26 "spacer ml-2", |
1609 | 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 { | |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
1609
diff
changeset
|
43 min-width: $icon-width + $small-offset; |
1609 | 44 transition: $transition-fast; |
45 } | |
46 | |
47 .spacer-expanded { | |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
1609
diff
changeset
|
48 min-width: $sidebar-width + $small-offset; |
1609 | 49 } |
50 </style> |