Mercurial > gemma

comparison client/src/components/Sidebar.vue @ 1413:c5e004b97394

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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