fix(ionicons): replace missing icons after version bump

YuyingZheng · Dec 29, 2017 · ece166a · ece166a
1 parent 5d14ade
commit ece166a
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/src/components/forms/form-elements/FormElements.vue b/src/components/forms/form-elements/FormElements.vue
@@ -104,7 +104,7 @@
                     </div>
                     <div class="btn btn-primary btn-with-icon btn-micro rounded-icon">
                       <div class="btn-with-icon-content">
-                        <i class="ion-android-cloud-outline ion"></i>
+                        <i class="ion-md-cloud-outline ion"></i>
                       </div>
                     </div>
                   </div>

diff --git a/src/components/ui/buttons/Buttons.vue b/src/components/ui/buttons/Buttons.vue
@@ -82,7 +82,7 @@
                :class="{'col-lg-6 col-xl-3' : sidebarOpened, 'col-lg-3' : !sidebarOpened }">
             <button class="btn btn-primary btn-with-icon">
               <div class="btn-with-icon-content">
-                <i class="ion-android-close ion"></i>
+                <i class="ion-md-close ion"></i>
                 {{'buttons.button' | translate}}
               </div>
             </button>
@@ -119,7 +119,7 @@
                :class="{'col-lg-6 col-xl-2' : sidebarOpened, 'col-lg-2' : !sidebarOpened }">
             <button class="btn btn-primary btn-with-icon rounded-icon">
               <div class="btn-with-icon-content">
-                <i class="ion-android-close ion"></i>
+                <i class="ion-md-close ion"></i>
               </div>
             </button>
           </div>

diff --git a/src/components/vuestic-components/vuestic-feed/VuesticFeed.vue b/src/components/vuestic-components/vuestic-feed/VuesticFeed.vue
@@ -6,7 +6,7 @@
       <div class="underscored">
         <span class="text"><span class="name">{{post.name}}</span> {{post.text}}.</span>
         <button v-on:click="removePost(post)" class="btn btn-micro btn-primary btn-with-icon close-btn rounded-icon">
-          <i class="ion-android-close ion"></i>
+          <i class="ion-md-close ion"></i>
         </button>
       </div>
     </div>

diff --git a/src/components/vuestic-components/vuestic-wizard/indicators/RichHorizontalIndicator.vue b/src/components/vuestic-components/vuestic-wizard/indicators/RichHorizontalIndicator.vue
@@ -1,7 +1,7 @@
 <template>
     <ul class="wizard-steps horizontal-steps rich-steps" :class="{'completed': completed}">
       <li class="wizard-step" :class="{'active': currentStep >= index, 'current': currentStep === index}" :style="{ width: 100/steps.length + '%' }" v-for="(step, index) of steps">
-        <i class="ion ion-android-close step-icon icon-cross"></i>
+        <i class="ion ion-md-close step-icon icon-cross"></i>
         <i class="ion ion-android-done step-icon icon-check"></i>
         <span class="wizard-step-label ellipsis">{{step.label}}</span>
         <span class="wizard-step-line"></span>

diff --git a/src/components/vuestic-components/vuestic-wizard/indicators/RichVerticalIndicator.vue b/src/components/vuestic-components/vuestic-wizard/indicators/RichVerticalIndicator.vue
@@ -2,7 +2,7 @@
     <ul class="wizard-steps horizontal-steps rich-steps" :class="{'completed': completed}">
       <li class="wizard-step" :class="{'active': currentStep >= index, 'current': currentStep === index}" :style="{ height: 100/steps.length + '%' }" v-for="(step, index) of steps">
         <span class="wizard-step-line"></span>
-        <i class="ion ion-android-close step-icon icon-cross"></i>
+        <i class="ion ion-md-close step-icon icon-cross"></i>
         <i class="ion ion-android-done step-icon icon-check"></i>
         <span class="wizard-step-label ellipsis">{{step.label}}</span>
       </li>

diff --git a/src/sass/_override-custom-libs.scss b/src/sass/_override-custom-libs.scss
@@ -44,7 +44,7 @@
 
     &:checked + label::after{
       font-family: "Ionicons";
-      content: "\f122";
+      content: "\F2BC";
       font-size: 15px;
     }