Mercurial > gemma
annotate client/src/application/Sidebar.vue @ 1216:1c7806728172
bottleneck icon
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 19 Nov 2018 15:10:09 +0100 |
parents | 9d93968db2cd |
children | ba8cd80d68b6 |
rev | line source |
---|---|
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
1 <template> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
2 <div :class="sidebarStyle"> |
1173 | 3 <div |
4 @click="$store.commit('application/showSidebar', !showSidebar)" | |
1213
9d93968db2cd
replaced custom css with bootstrap classes
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
5 class="menubutton rounded position-absolute d-flex justify-content-center" |
1173 | 6 > |
7 <i class="ui-element d-print-none fa fa-bars"></i> | |
8 </div> | |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
9 <div :class="menuStyle"> |
1123
d9e6a1f6f394
moved all collapse flags for UI elements to store
Markus Kottlaender <markus@intevation.de>
parents:
1093
diff
changeset
|
10 <div class="menupoints" v-if="this.showSidebar"> |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
11 <router-link to="/" class="text-body d-flex flex-row nav-link"> |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
12 <i class="fa fa-map-o align-self-center navicon"></i>Riverbed Morphology |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
13 </router-link> |
1216 | 14 <div class="d-flex flex-row nav-link"> |
15 <i class="fa fa-ship align-self-center navicon"></i> | |
16 <a | |
17 class="text-body d-flex flex-row" | |
18 v-if="routeName == 'mainview'" | |
19 href="#" | |
20 @click="toggleBottlenecks" | |
21 >Bottlenecks</a> | |
22 </div> | |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
23 <div v-if="isSysAdmin"> |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
24 <hr> |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
25 <div class="nav-link d-flex menupadding text-muted">Administration</div> |
1173 | 26 </div> |
27 <div v-if="isWaterwayAdmin"> | |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
28 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link"> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
29 <i class="fa fa-upload align-self-center navicon"></i> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
30 <a |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
31 href="#" |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
32 class="text-body" |
1204
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
33 @click="toggleImportSoundingResults" |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
34 >Import soundingresults</a> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
35 </div> |
1208 | 36 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link"> |
37 <i class="fa fa-list-ol align-self-center navicon"></i> | |
38 <a | |
39 href="#" | |
40 class="text-body" | |
41 @click="$store.commit('application/showStagingArea', !showStagingArea);" | |
42 >Staging area</a> | |
43 </div> | |
1216 | 44 <router-link class="text-body d-flex flex-row nav-link" to="usermanagement"> |
45 <i class="fa fa-address-card-o align-self-center navicon"></i>Users | |
46 </router-link> | |
1173 | 47 </div> |
48 <div v-if="isSysAdmin"> | |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
49 <router-link |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
50 class="text-body d-flex flex-row nav-link" |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
51 to="systemconfiguration" |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
52 > |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
53 <i class="fa fa-wrench align-self-center navicon"></i>Systemconfiguration |
853 | 54 </router-link> |
1173 | 55 <div class="nav-link d-flex menupadding text-muted">Systeminformation</div> |
713
badbc0207418
feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents:
668
diff
changeset
|
56 <router-link class="text-body d-flex flex-row nav-link" to="logs"> |
1173 | 57 <i class="fa fa-book align-self-center navicon"></i>Logs |
58 </router-link> | |
59 <router-link class="text-body d-flex flex-row nav-link" to="importqueue"> | |
60 <i class="fa fa-exchange align-self-center navicon"></i>Importqueue | |
713
badbc0207418
feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents:
668
diff
changeset
|
61 </router-link> |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
62 </div> |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
63 <hr> |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
64 <a href="#" @click="logoff" class="text-body d-flex flex-row nav-link"> |
1173 | 65 <i class="fa fa-power-off align-self-center navicon"></i> |
66 Logout {{ user }} | |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
67 </a> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
68 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
69 </div> |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
70 </div> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
71 </template> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
72 |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
73 <script> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
74 /* |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
75 * This is Free Software under GNU Affero General Public License v >= 3.0 |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
76 * without warranty, see README.md and license for details. |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
77 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
78 * SPDX-License-Identifier: AGPL-3.0-or-later |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
79 * License-Filename: LICENSES/AGPL-3.0.txt |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
80 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
81 * Copyright (C) 2018 by via donau |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
82 * – Österreichische Wasserstraßen-Gesellschaft mbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
83 * Software engineering by Intevation GmbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
84 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
85 * Author(s): |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
86 * Thomas Junk <thomas.junk@intevation.de> |
1055
1ff8c072df18
WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents:
1019
diff
changeset
|
87 * Markus Kottländer <markus.kottlaender@intevation.de> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
88 */ |
1123
d9e6a1f6f394
moved all collapse flags for UI elements to store
Markus Kottlaender <markus@intevation.de>
parents:
1093
diff
changeset
|
89 import { mapGetters, mapState } from "vuex"; |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
90 |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
91 export default { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
92 name: "sidebar", |
1093
31b36ef00784
fix: bottleneck list and zoom buttons are now only displayed in main view
Markus Kottlaender <markus@intevation.de>
parents:
1079
diff
changeset
|
93 props: ["routeName"], |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
94 computed: { |
1173 | 95 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]), |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
96 ...mapState("user", ["user"]), |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
97 ...mapState("application", [ |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
98 "showSidebar", |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
99 "showBottlenecks", |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
100 "showImportSoundingResults", |
1208 | 101 "showStagingArea", |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
102 "showSearchbarLastState" |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
103 ]), |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
104 menuStyle() { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
105 return { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
106 menu: true, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
107 nav: true, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
108 "flex-column": true |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
109 }; |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
110 }, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
111 sidebarStyle() { |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
112 return [ |
1213
9d93968db2cd
replaced custom css with bootstrap classes
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
113 "ui-element position-relative sidebar rounded shadow d-print-none mb-auto", |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
114 { |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
115 sidebarcollapsed: !this.showSidebar, |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
116 sidebarextended: this.showSidebar |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
117 } |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
118 ]; |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
119 } |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
120 }, |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
121 methods: { |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
122 logoff() { |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
123 this.$store.commit("user/clearAuth"); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
124 this.$store.commit("application/showSidebar", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
125 this.$store.commit("application/showUsermenu", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
126 this.$store.commit("application/showSplitscreen", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
127 this.$router.push("/login"); |
1204
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
128 }, |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
129 toggleBottlenecks() { |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
130 this.$store.commit("application/showBottlenecks", !this.showBottlenecks); |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
131 this.$store.commit("application/showImportSoundingResults", false); |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
132 if (this.showBottlenecks) { |
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
133 this.$store.commit("application/showSearchbar", true); |
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
134 } else { |
1208 | 135 this.$store.commit( |
136 "application/showSearchbar", | |
137 this.showSearchbarLastState | |
138 ); | |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
139 } |
1204
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
140 }, |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
141 toggleImportSoundingResults() { |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
142 this.$store.commit( |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
143 "application/showImportSoundingResults", |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
144 !this.showImportSoundingResults |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
145 ); |
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
146 this.$store.commit("application/showBottlenecks", false); |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
147 } |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
148 } |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
149 }; |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
150 </script> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
151 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
152 <style lang="sass" scoped> |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
153 |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
154 a:hover |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
155 text-decoration: none |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
156 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
157 .menupoints |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
158 text-align: left |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
159 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
160 .menubutton |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
161 background-color: white |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
162 padding: $small-offset |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
163 height: $icon-height |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
164 width: $icon-width |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
165 top: 0 |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
166 left: 0 |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
167 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
168 .router-link-exact-active |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
169 background-color: #f2f2f2 |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
170 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
171 .navicon |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
172 margin-right: $small-offset |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
173 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
174 .menu |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
175 padding-top: $small-offset |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
176 |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
177 .sidebar |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
178 background-color: #ffffff |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
179 padding-top: $large-offset |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
180 opacity: $slight-transparent |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
181 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
182 .sidebarcollapsed |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
183 height: 30px |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
184 width: 30px |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
185 transition: $transition-fast |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
186 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
187 .sidebarextended |
1171
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
188 height: $sidebar-height |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
189 width: $sidebar-width |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
190 min-width: $sidebar-width |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
191 </style> |