Mercurial > gemma
annotate client/src/application/Sidebar.vue @ 1267:29036b3916ab
several UI improvements
changed accent color (active buttons, etc... now same as in administration)
colored box headers (for better look n feel and to reduce header size even more -> color contrast instead of big font-size)
button colors changed from black to dark grey
added transparency to boxes and buttons
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 21 Nov 2018 15:05:09 +0100 |
parents | 7e2693d49daa |
children |
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)" | |
1217
ba8cd80d68b6
made more use of bootstrap classes instead of custom css
Markus Kottlaender <markus@intevation.de>
parents:
1216
diff
changeset
|
5 class="menubutton p-2 bg-white 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"> |
1234
1a5564655f2a
refac: Sidebar reorganized
Thomas Junk <thomas.junk@intevation.de>
parents:
1230
diff
changeset
|
12 <i class="fa fa-map-o align-self-center navicon"></i>Map |
1142
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"> |
1245
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
15 <i class="fa fa-ship align-self-center navicon"></i> |
1216 | 16 <a |
17 class="text-body d-flex flex-row" | |
18 href="#" | |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
19 @click="toggleContextBox('bottlenecks')" |
1216 | 20 >Bottlenecks</a> |
21 </div> | |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
22 <div v-if="isSysAdmin"> |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
1123
diff
changeset
|
23 <hr> |
1245
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
24 <div class="nav-link d-flex menupadding text-muted">Administration</div> |
1173 | 25 </div> |
26 <div v-if="isWaterwayAdmin"> | |
1245
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
27 <div class="d-flex flex-row nav-link"> |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
28 <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
|
29 <a |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
30 href="#" |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
31 class="text-body" |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
32 @click="toggleContextBox('imports')" |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
33 >Import soundingresults</a> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
34 </div> |
1245
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
35 <div class="d-flex flex-row nav-link"> |
1208 | 36 <i class="fa fa-list-ol align-self-center navicon"></i> |
37 <a | |
38 href="#" | |
39 class="text-body" | |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
40 @click="toggleContextBox('staging')" |
1208 | 41 >Staging area</a> |
42 </div> | |
1234
1a5564655f2a
refac: Sidebar reorganized
Thomas Junk <thomas.junk@intevation.de>
parents:
1230
diff
changeset
|
43 <div class="nav-link d-flex menupadding text-muted">Systemadministration</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> |
713
badbc0207418
feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents:
668
diff
changeset
|
55 <router-link class="text-body d-flex flex-row nav-link" to="logs"> |
1173 | 56 <i class="fa fa-book align-self-center navicon"></i>Logs |
57 </router-link> | |
58 <router-link class="text-body d-flex flex-row nav-link" to="importqueue"> | |
59 <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
|
60 </router-link> |
629
8278b2fb0c33
refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents:
627
diff
changeset
|
61 </div> |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
62 <hr> |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
63 <a href="#" @click="logoff" class="text-body d-flex flex-row nav-link"> |
1173 | 64 <i class="fa fa-power-off align-self-center navicon"></i> |
65 Logout {{ user }} | |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
66 </a> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
67 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
585
diff
changeset
|
68 </div> |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
69 </div> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
70 </template> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
71 |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
72 <script> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
73 /* |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
74 * 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
|
75 * without warranty, see README.md and license for details. |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
76 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
77 * SPDX-License-Identifier: AGPL-3.0-or-later |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
78 * License-Filename: LICENSES/AGPL-3.0.txt |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
79 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
80 * Copyright (C) 2018 by via donau |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
81 * – Österreichische Wasserstraßen-Gesellschaft mbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
82 * Software engineering by Intevation GmbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
83 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
84 * Author(s): |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
85 * Thomas Junk <thomas.junk@intevation.de> |
1055
1ff8c072df18
WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents:
1019
diff
changeset
|
86 * Markus Kottländer <markus.kottlaender@intevation.de> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
888
diff
changeset
|
87 */ |
1123
d9e6a1f6f394
moved all collapse flags for UI elements to store
Markus Kottlaender <markus@intevation.de>
parents:
1093
diff
changeset
|
88 import { mapGetters, mapState } from "vuex"; |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
89 |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
90 export default { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
91 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
|
92 props: ["routeName"], |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
93 computed: { |
1173 | 94 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]), |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
95 ...mapState("user", ["user"]), |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
96 ...mapState("application", [ |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
97 "showSidebar", |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
98 "showSearchbarLastState", |
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
99 "showInContextBox" |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
100 ]), |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
101 menuStyle() { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
102 return { |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
103 menu: true, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
104 nav: true, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
105 "flex-column": true |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
106 }; |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
107 }, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
108 sidebarStyle() { |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
109 return [ |
1256
3c84035b1f1b
adjusted box shadows
Markus Kottlaender <markus@intevation.de>
parents:
1245
diff
changeset
|
110 "ui-element position-relative sidebar rounded shadow-xs 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
|
111 { |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
112 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
|
113 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
|
114 } |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
115 ]; |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
116 } |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
117 }, |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
118 methods: { |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
119 logoff() { |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
120 this.$store.commit("user/clearAuth"); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
121 this.$store.commit("application/showSidebar", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
122 this.$store.commit("application/showUsermenu", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
123 this.$store.commit("application/showSplitscreen", false); |
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
124 this.$router.push("/login"); |
1204
ddfdf440da24
made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
125 }, |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
126 toggleContextBox(context) { |
1245
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
127 const SHOW = context; |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
128 const HIDE = null; |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
129 const isElementAlreadyShown = this.showInContextBox === context; |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
130 let toggleState = |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
131 isElementAlreadyShown && this.routeName === "mainview" ? HIDE : SHOW; |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
132 this.$router.push("/"); |
36e8470daba2
fix: Consistent main menu structure
Thomas Junk <thomas.junk@intevation.de>
parents:
1234
diff
changeset
|
133 this.$store.commit("application/showInContextBox", toggleState); |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
134 if (this.showInContextBox === context) { |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
135 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
|
136 } else { |
1208 | 137 this.$store.commit( |
138 "application/showSearchbar", | |
139 this.showSearchbarLastState | |
140 ); | |
1207
70116d392387
close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents:
1204
diff
changeset
|
141 } |
1146
74e180ad3d6b
fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1143
diff
changeset
|
142 } |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
143 } |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
144 }; |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
145 </script> |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
146 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
147 <style lang="sass" scoped> |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
148 |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
149 a:hover |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
diff
changeset
|
150 text-decoration: none |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1173
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 .menupoints |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
153 text-align: left |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
154 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
155 .menubutton |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
156 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
|
157 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
|
158 top: 0 |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
159 left: 0 |
1267
29036b3916ab
several UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1261
diff
changeset
|
160 color: #666 |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
161 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
162 .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
|
163 background-color: #f2f2f2 |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
164 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
165 .navicon |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
166 margin-right: $small-offset |
1267
29036b3916ab
several UI improvements
Markus Kottlaender <markus@intevation.de>
parents:
1261
diff
changeset
|
167 color: #666 |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
168 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
169 .menu |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
170 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
|
171 |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
172 .sidebar |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
173 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
|
174 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
|
175 opacity: $slight-transparent |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
176 |
1169
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
177 .sidebarcollapsed |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
178 height: 30px |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
179 width: 30px |
a9e455c017cb
moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents:
1146
diff
changeset
|
180 transition: $transition-fast |
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 .sidebarextended |
1261
7e2693d49daa
removed unused sass vars and fixed typo
Markus Kottlaender <markus@intevation.de>
parents:
1256
diff
changeset
|
183 height: 35rem |
1171
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
184 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
|
185 min-width: $sidebar-width |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
186 </style> |