Mercurial > gemma
changeset 1427:350e9a168bc8
client: improve translation of sidebar
* Use general css fix to the vue-gettext removing leading white-space problem
for the sidebar. This way only one place needs to be changed.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Thu, 29 Nov 2018 16:14:01 +0100 |
parents | acb4e493775e |
children | ec0a0542c221 |
files | client/src/components/Sidebar.vue |
diffstat | 1 files changed, 11 insertions(+), 13 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue Thu Nov 29 15:44:15 2018 +0100 +++ b/client/src/components/Sidebar.vue Thu Nov 29 16:14:01 2018 +0100 @@ -9,7 +9,7 @@ <div class="menu text-nowrap text-left"> <router-link to="/"> <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> - <translate>Map</translate> + <span v-translate class="fix-trans-space">Map</span> </router-link> <a href="#" @@ -17,7 +17,7 @@ :class="['secondary', { active: isActive('bottlenecks') }]" > <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> - <translate>Bottlenecks</translate> + <span v-translate class="fix-trans-space">Bottlenecks</span> </a> <div v-if="isWaterwayAdmin"> <a @@ -26,7 +26,7 @@ :class="['secondary', { active: isActive('imports') }]" > <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> - <translate>Import soundingresults</translate> + <span v-translate class="fix-trans-space">Import soundingresults</span> </a> <a href="#" @@ -34,7 +34,7 @@ :class="['secondary', { active: isActive('staging') }]" > <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> - <translate>Staging area</translate> + <span v-translate class="fix-trans-space">Staging area</span> </a> <small class="text-muted pl-3"> <translate>Systemadministration</translate> @@ -42,27 +42,27 @@ <hr class="m-0"> <router-link to="usermanagement"> <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> - <translate>Users</translate> + <span v-translate class="fix-trans-space">Users</span> </router-link> </div> <div v-if="isSysAdmin"> <router-link to="systemconfiguration"> <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> - <translate>Systemconfiguration</translate> + <span v-translate class="fix-trans-space">Configuration</span> </router-link> <router-link to="logs"> <font-awesome-icon icon="book" fixed-width></font-awesome-icon> - <translate>Logs</translate> + <span v-translate class="fix-trans-space">Logs</span> </router-link> <router-link to="importqueue"> <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> - <translate>Importqueue</translate> + <span v-translate class="fix-trans-space">Importqueue</span> </router-link> </div> <hr class="m-0"> <a href="#" @click="logoff"> <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> - <translate>Logout</translate> + <span v-translate class="fix-trans-space">Logout</span> {{ user }} </a> </div> @@ -146,10 +146,8 @@ padding: 0.5rem 1rem color: #333 text-decoration: none - svg - margin-right: 0.5rem - path - fill: #666 + svg path + fill: #666 &:hover background-color: #f8f8f8 &.router-link-exact-active