Mercurial > gemma
comparison client/src/components/Sidebar.vue @ 1413:c5e004b97394
removed whitespaces in translation tags and added margin between icons and text
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 29 Nov 2018 09:59:10 +0100 |
parents | acb71a982837 |
children | 3af7ad9717e2 |
comparison
equal
deleted
inserted
replaced
1412:15c3672e2e86 | 1413:c5e004b97394 |
---|---|
7 <font-awesome-icon icon="bars"></font-awesome-icon> | 7 <font-awesome-icon icon="bars"></font-awesome-icon> |
8 </div> | 8 </div> |
9 <div class="menu text-nowrap text-left"> | 9 <div class="menu text-nowrap text-left"> |
10 <router-link to="/"> | 10 <router-link to="/"> |
11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> | 11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> |
12 <translate> Map </translate> | 12 <translate>Map</translate> |
13 </router-link> | 13 </router-link> |
14 <a | 14 <a |
15 href="#" | 15 href="#" |
16 @click="toggleContextBox('bottlenecks')" | 16 @click="toggleContextBox('bottlenecks')" |
17 :class="['secondary', { active: isActive('bottlenecks') }]" | 17 :class="['secondary', { active: isActive('bottlenecks') }]" |
18 > | 18 > |
19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> | 19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> |
20 <translate> Bottlenecks </translate> | 20 <translate>Bottlenecks</translate> |
21 </a> | 21 </a> |
22 <div v-if="isWaterwayAdmin"> | 22 <div v-if="isWaterwayAdmin"> |
23 <a | 23 <a |
24 href="#" | 24 href="#" |
25 @click="toggleContextBox('imports')" | 25 @click="toggleContextBox('imports')" |
26 :class="['secondary', { active: isActive('imports') }]" | 26 :class="['secondary', { active: isActive('imports') }]" |
27 > | 27 > |
28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> | 28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> |
29 <translate> Import soundingresults </translate> | 29 <translate>Import soundingresults</translate> |
30 </a> | 30 </a> |
31 <a | 31 <a |
32 href="#" | 32 href="#" |
33 @click="toggleContextBox('staging')" | 33 @click="toggleContextBox('staging')" |
34 :class="['secondary', { active: isActive('staging') }]" | 34 :class="['secondary', { active: isActive('staging') }]" |
35 > | 35 > |
36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> | 36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> |
37 <translate> Staging area </translate> | 37 <translate>Staging area</translate> |
38 </a> | 38 </a> |
39 <small class="text-muted pl-3"><translate>Systemadministration</translate></small> | 39 <small class="text-muted pl-3"><translate>Systemadministration</translate></small> |
40 <hr class="m-0"> | 40 <hr class="m-0"> |
41 <router-link to="usermanagement"> | 41 <router-link to="usermanagement"> |
42 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> | 42 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> |
43 <translate> Users </translate> | 43 <translate>Users</translate> |
44 </router-link> | 44 </router-link> |
45 </div> | 45 </div> |
46 <div v-if="isSysAdmin"> | 46 <div v-if="isSysAdmin"> |
47 <router-link to="systemconfiguration"> | 47 <router-link to="systemconfiguration"> |
48 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> | 48 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> |
49 <translate> Systemconfiguration </translate> | 49 <translate>Systemconfiguration</translate> |
50 </router-link> | 50 </router-link> |
51 <router-link to="logs"> | 51 <router-link to="logs"> |
52 <font-awesome-icon icon="book" fixed-width></font-awesome-icon> | 52 <font-awesome-icon icon="book" fixed-width></font-awesome-icon> |
53 <translate> Logs </translate> | 53 <translate>Logs</translate> |
54 </router-link> | 54 </router-link> |
55 <router-link to="importqueue"> | 55 <router-link to="importqueue"> |
56 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> | 56 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> |
57 <translate> Importqueue </translate> | 57 <translate>Importqueue</translate> |
58 </router-link> | 58 </router-link> |
59 </div> | 59 </div> |
60 <hr class="m-0"> | 60 <hr class="m-0"> |
61 <a href="#" @click="logoff"> | 61 <a href="#" @click="logoff"> |
62 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> | 62 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> |
63 <translate> Logout </translate> {{ user }} | 63 <translate>Logout</translate> {{ user }} |
64 </a> | 64 </a> |
65 </div> | 65 </div> |
66 </div> | 66 </div> |
67 </template> | 67 </template> |
68 | 68 |
141 display: block | 141 display: block |
142 text-align: left | 142 text-align: left |
143 padding: 0.5rem 1rem | 143 padding: 0.5rem 1rem |
144 color: #333 | 144 color: #333 |
145 text-decoration: none | 145 text-decoration: none |
146 svg path | 146 svg |
147 fill: #666 | 147 margin-right: 0.5rem |
148 path | |
149 fill: #666 | |
148 &:hover | 150 &:hover |
149 background-color: #f8f8f8 | 151 background-color: #f8f8f8 |
150 &.router-link-exact-active | 152 &.router-link-exact-active |
151 background-color: $color-info | 153 background-color: $color-info |
152 color: #fff | 154 color: #fff |