Use SVG.

fnando · Mar 7, 2015 · 008fdaa · 008fdaa
1 parent 18c761b
commit 008fdaa
Show file tree

Hide file tree

Showing 10 changed files with 51 additions and 4 deletions.
diff --git a/app/assets/images/coupons/cog.png b/app/assets/images/coupons/cog.png
diff --git a/app/assets/images/coupons/cog.svg b/app/assets/images/coupons/cog.svg
diff --git a/app/assets/images/coupons/dropdown.png b/app/assets/images/coupons/dropdown.png
diff --git a/app/assets/images/coupons/dropdown.svg b/app/assets/images/coupons/dropdown.svg
diff --git a/app/assets/images/coupons/error.png b/app/assets/images/coupons/error.png
diff --git a/app/assets/images/coupons/error.svg b/app/assets/images/coupons/error.svg
diff --git a/app/assets/images/coupons/remove.png b/app/assets/images/coupons/remove.png
diff --git a/app/assets/images/coupons/remove.svg b/app/assets/images/coupons/remove.svg
diff --git a/app/assets/stylesheets/coupons/modules/_form.scss b/app/assets/stylesheets/coupons/modules/_form.scss
@@ -77,7 +77,7 @@
   input[type=text],
   input[type=number] {
     padding-right: 35px;
-    background: image-url('coupons/error.png') no-repeat right center;
+    background: image-url('coupons/error.svg') no-repeat right 10px center;
   }
 }
 
@@ -126,12 +126,13 @@ select {
   font-size: inherit;
   font-family: inherit;
   border-radius: 0;
-  background: #fff image-url('coupons/dropdown.png') no-repeat right center;
+  background: #fff image-url('coupons/dropdown.svg') no-repeat right 10px center;
   border: 1px solid $gray;
   width: auto;
   padding-right: 50px;
   text-indent: 0.01px;
   text-overflow: '';
+  cursor: pointer;
 }
 
 @-moz-document url-prefix() {

diff --git a/app/assets/stylesheets/coupons/modules/_icon_button.scss b/app/assets/stylesheets/coupons/modules/_icon_button.scss
@@ -8,13 +8,13 @@
 }
 
 .icon-button.edit {
-  background-image: image-url('coupons/cog.png');
+  background-image: image-url('coupons/cog.svg');
   width: 20px;
   height: 20px;
 }
 
 .icon-button.remove {
-  background-image: image-url('coupons/remove.png');
+  background-image: image-url('coupons/remove.svg');
   width: 20px;
   height: 20px;
 }