Mercurial > gemma
annotate client/src/components/Spacer.vue @ 3668:3eb19b38446e
client: avoid requesting number of pending imports after logging out
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Mon, 17 Jun 2019 11:08:03 +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> |