changeset 1517:6eec1c324a64

font-awesome fixed width icons
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 06 Dec 2018 14:07:18 +0100
parents 6b3756676bbe
children cff2cf1f3038
files client/src/components/Sidebar.vue client/src/components/admin/Logs.vue client/src/components/admin/usermanagement/Usermanagement.vue
diffstat 3 files changed, 45 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Thu Dec 06 13:40:17 2018 +0100
+++ b/client/src/components/Sidebar.vue	Thu Dec 06 14:07:18 2018 +0100
@@ -4,11 +4,12 @@
       @click="$store.commit('application/showSidebar', !showSidebar)"
       class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center"
     >
-      <font-awesome-icon icon="bars"></font-awesome-icon>
+      <font-awesome-icon class="fa-fw" icon="bars"></font-awesome-icon>
     </div>
     <div class="menu text-nowrap text-left">
       <router-link to="/">
         <font-awesome-icon
+          class="fa-fw"
           fixed-width
           icon="map-marked-alt"
         ></font-awesome-icon>
@@ -19,7 +20,11 @@
         @click="toggleContextBox('bottlenecks')"
         href="#"
       >
-        <font-awesome-icon fixed-width icon="ship"></font-awesome-icon>
+        <font-awesome-icon
+          class="fa-fw"
+          fixed-width
+          icon="ship"
+        ></font-awesome-icon>
         <span class="fix-trans-space" v-translate>Bottlenecks</span>
       </a>
       <div v-if="isWaterwayAdmin">
@@ -28,7 +33,11 @@
           @click="toggleContextBox('imports')"
           href="#"
         >
-          <font-awesome-icon fixed-width icon="upload"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="upload"
+          ></font-awesome-icon>
           <span class="fix-trans-space" v-translate
             >Import soundingresults</span
           >
@@ -39,6 +48,7 @@
           href="#"
         >
           <font-awesome-icon
+            class="fa-fw"
             fixed-width
             icon="clipboard-check"
           ></font-awesome-icon>
@@ -49,31 +59,55 @@
         </small>
         <hr class="m-0" />
         <router-link to="usermanagement">
-          <font-awesome-icon fixed-width icon="users-cog"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="users-cog"
+          ></font-awesome-icon>
           <span class="fix-trans-space" v-translate>Users</span>
         </router-link>
       </div>
       <div v-if="isSysAdmin">
         <router-link to="systemconfiguration">
-          <font-awesome-icon fixed-width icon="wrench"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="wrench"
+          ></font-awesome-icon>
           <span class="fix-trans-space" v-translate>Configuration</span>
         </router-link>
         <router-link to="logs">
-          <font-awesome-icon fixed-width icon="book"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="book"
+          ></font-awesome-icon>
           <span class="fix-trans-space" v-translate>Logs</span>
         </router-link>
         <router-link to="importqueue">
-          <font-awesome-icon fixed-width icon="tasks"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="tasks"
+          ></font-awesome-icon>
           <span class="fix-trans-space" v-translate>Importqueue</span>
         </router-link>
         <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE">
-          <font-awesome-icon fixed-width icon="clock"></font-awesome-icon>
+          <font-awesome-icon
+            class="fa-fw"
+            fixed-width
+            icon="clock"
+          ></font-awesome-icon>
           <translate class="fix-trans-space">Importschedule</translate>
         </router-link>
       </div>
       <hr class="m-0" />
       <a @click="logoff" href="#">
-        <font-awesome-icon fixed-width icon="power-off"></font-awesome-icon>
+        <font-awesome-icon
+          class="fa-fw"
+          fixed-width
+          icon="power-off"
+        ></font-awesome-icon>
         <span class="fix-trans-space" v-translate>Logout</span> {{ user }}
       </a>
     </div>
--- a/client/src/components/admin/Logs.vue	Thu Dec 06 13:40:17 2018 +0100
+++ b/client/src/components/admin/Logs.vue	Thu Dec 06 14:07:18 2018 +0100
@@ -6,7 +6,7 @@
         <h6
           class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center"
         >
-          <font-awesome-icon class="mr-2" icon="book"></font-awesome-icon>
+          <font-awesome-icon class="mr-2 fa-fw" icon="book"></font-awesome-icon>
           <translate class="headline">Logs</translate>
         </h6>
         <div class="logoutput text-left bg-white">
--- a/client/src/components/admin/usermanagement/Usermanagement.vue	Thu Dec 06 13:40:17 2018 +0100
+++ b/client/src/components/admin/usermanagement/Usermanagement.vue	Thu Dec 06 14:07:18 2018 +0100
@@ -10,7 +10,7 @@
             >
               <font-awesome-icon
                 icon="users-cog"
-                class="mr-2"
+                class="mr-2 fa-fw"
               ></font-awesome-icon>
               <translate class="headline">Users</translate>
             </h6>