diff client/src/components/map/contextbox/Staging.vue @ 1299:2738a6ae9ad8

fontawesome 4 -> 5 An icon was not displayed on a specific system/environment. No clue why... good moment to switch to version 5 of fontawesome
author Markus Kottlaender <markus@intevation.de>
date Fri, 23 Nov 2018 10:24:29 +0100
parents bcfd038b97a2
children d675e6439aa5
line wrap: on
line diff
--- a/client/src/components/map/contextbox/Staging.vue	Thu Nov 22 17:00:26 2018 +0100
+++ b/client/src/components/map/contextbox/Staging.vue	Fri Nov 23 10:24:29 2018 +0100
@@ -1,7 +1,7 @@
 <template>
     <div class="w-90">
         <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
-            <i class="fa fa-list-ol mr-2"></i>
+            <font-awesome-icon icon="clipboard-check" class="mr-2"></font-awesome-icon>
             Staging Area
         </h6>
         <table class="table mb-0">
@@ -28,7 +28,7 @@
                             @click="toggleApproval(data.id, $options.STATES.APPROVED)"
                             :class="{btn:true, 'btn-sm':true, 'btn-outline-success':needsApproval(data) || isRejected(data), 'btn-success':isApproved(data)}"
                         >
-                            <i class="fa fa-check"></i>
+                            <font-awesome-icon icon="check"></font-awesome-icon>
                         </button>
                     </td>
                     <td>
@@ -36,7 +36,7 @@
                             @click="toggleApproval(data.id, $options.STATES.REJECTED)"
                             :class="{btn:true,  'btn-sm':true, 'btn-outline-danger':needsApproval(data) || isApproved(data), 'btn-danger':isRejected(data)}"
                         >
-                            <i class="fa fa-close"></i>
+                            <font-awesome-icon icon="times"></font-awesome-icon>
                         </button>
                     </td>
                 </tr>