Mercurial > gemma
annotate client/src/components/Sidebar.vue @ 1296:99c039e86624
replaced manual store cleanup on logout with central store reset
The store files now provide a init method with which the store can be resetted on logout.
This is reasonable because missing store cleanups on logout caused bugs.
Furthermore the localStorage.clear() was replaced specific removal of values since currently there are also
saved cross profiles which should be persistent.
The initialization of the cut/line/polygon tool was moved from their respective buttons to the map store
right after saving the ol map object in the store. Before that change the map object was not present sometimes
when trying to initiate those tools.
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 22 Nov 2018 17:00:26 +0100 |
parents | b9fd587d8ea0 |
children | 2738a6ae9ad8 |
rev | line source |
---|---|
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 <template> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
2 <div :class="sidebarStyle"> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
3 <div |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
4 @click="$store.commit('application/showSidebar', !showSidebar)" |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
5 class="menubutton p-2 bg-white rounded position-absolute d-flex justify-content-center" |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
6 > |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
7 <i class="ui-element d-print-none fa fa-bars"></i> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
8 </div> |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
9 <div class="menu text-nowrap text-left"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
10 <router-link to="/"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
11 <i class="fa fa-map-o"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
12 Map |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
13 </router-link> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
14 <a href="#" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
15 @click="toggleContextBox('bottlenecks')" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
16 :class="['secondary', { active: isActive('bottlenecks') }]"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
17 <i class="fa fa-ship"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
18 Bottlenecks |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
19 </a> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
20 <div v-if="isWaterwayAdmin"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
21 <a href="#" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
22 @click="toggleContextBox('imports')" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
23 :class="['secondary', { active: isActive('imports') }]"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
24 <i class="fa fa-upload align-self-center navicon"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
25 Import soundingresults |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
26 </a> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
27 <a href="#" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
28 @click="toggleContextBox('staging')" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
29 :class="['secondary', { active: isActive('staging') }]"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
30 <i class="fa fa-list-ol align-self-center navicon"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
31 Staging area |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
32 </a> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
33 <small class="text-muted pl-3">Systemadministration</small> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
34 <hr class="m-0"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
35 <router-link to="usermanagement"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
36 <i class="fa fa-address-card-o"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
37 Users |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
38 </router-link> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
39 </div> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
40 <div v-if="isSysAdmin"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
41 <router-link to="systemconfiguration"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
42 <i class="fa fa-wrench"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
43 Systemconfiguration |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
44 </router-link> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
45 <router-link to="logs"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
46 <i class="fa fa-book"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
47 Logs |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
48 </router-link> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
49 <router-link to="importqueue"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
50 <i class="fa fa-exchange"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
51 Importqueue |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
52 </router-link> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
53 </div> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
54 <hr class="m-0"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
55 <a href="#" @click="logoff"> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
56 <i class="fa fa-power-off"></i> |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
57 Logout {{ user }} |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
58 </a> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 </div> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 </div> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
61 </template> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 <script> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 /* |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 * This is Free Software under GNU Affero General Public License v >= 3.0 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 * without warranty, see README.md and license for details. |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 * |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 * SPDX-License-Identifier: AGPL-3.0-or-later |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 * License-Filename: LICENSES/AGPL-3.0.txt |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 * |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
71 * Copyright (C) 2018 by via donau |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
72 * – Österreichische Wasserstraßen-Gesellschaft mbH |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 * Software engineering by Intevation GmbH |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 * |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
75 * Author(s): |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
76 * Thomas Junk <thomas.junk@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 * Markus Kottländer <markus.kottlaender@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 */ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
79 import { mapGetters, mapState } from "vuex"; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 export default { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 name: "sidebar", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 props: ["routeName"], |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 computed: { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 ...mapState("user", ["user"]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
87 ...mapState("application", [ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
88 "showSidebar", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
89 "showSearchbarLastState", |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
90 "contextBoxContent", |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
91 "showContextBox" |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
92 ]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 sidebarStyle() { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 return [ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
95 "ui-element position-relative sidebar rounded shadow-xs d-print-none mb-auto", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
96 { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
97 sidebarcollapsed: !this.showSidebar, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 sidebarextended: this.showSidebar |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 ]; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
102 }, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
103 methods: { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
104 logoff() { |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1294
diff
changeset
|
105 this.$store.commit("reset"); |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
106 this.$store.commit("user/clearAuth"); |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
107 this.$router.push("/login"); |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
108 }, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
109 toggleContextBox(context) { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
110 this.$router.push("/"); |
1282
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
111 this.$store.commit("application/showContextBox", true); |
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
112 this.$store.commit("application/contextBoxContent", context); |
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
113 this.$store.commit("application/showSearchbar", true); |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
114 }, |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
115 isActive(item) { |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
116 return ( |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
117 this.showContextBox && |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
118 this.contextBoxContent === item && |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
119 this.routeName == "mainview" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
120 ); |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
121 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
122 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
123 }; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
124 </script> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
125 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
126 <style lang="sass" scoped> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
127 .menubutton |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
128 height: $icon-height |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
129 width: $icon-width |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
130 top: 0 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
131 left: 0 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
132 color: #666 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
133 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
134 .menu |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
135 a |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
136 display: block |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
137 text-align: left |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
138 padding: 0.5rem 1rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
139 color: #333 |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
140 text-decoration: none |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
141 i |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
142 color: #666 |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
143 margin-right: $small-offset |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
144 &:hover |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
145 background-color: #f8f8f8 |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
146 &.router-link-exact-active |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
147 background-color: $color-info |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
148 color: #fff |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
149 i |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
150 color: #fff |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
151 &.secondary |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
152 font-size: 0.9rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
153 &.active |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
154 background: lighten($color-info, 55) |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
155 color: darken($color-info, 15) |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
156 i |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
157 color: darken($color-info, 15) |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
158 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
159 .sidebar |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
160 background-color: #ffffff |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
161 padding-top: $large-offset |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
162 opacity: $slight-transparent |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
163 transition: $transition-fast |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
164 overflow: hidden |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
165 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
166 .sidebarcollapsed |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
167 max-height: 30px |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
168 max-width: 30px |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
169 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
170 .sidebarextended |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
171 max-height: 35rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
172 max-width: $sidebar-width |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
173 </style> |