Convert menu icon to SVG

diff --git a/app/assets/images/menu-icon.png b/app/assets/images/menu-icon.png
deleted file mode 100644 (file)
index a67c73c..0000000
Binary files a/app/assets/images/menu-icon.png and /dev/null differ

diff --git a/app/assets/images/menu-icon.svg b/app/assets/images/menu-icon.svg
new file mode 100644 (file)
index 0000000..a1628b3
--- /dev/null
+++ b/app/assets/images/menu-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 15.875 15.875" stroke="#fff" stroke-width=".794"><rect width="10.933" height="2.295" x="2.45" y="3.029" rx="1" paint-order="stroke fill markers"/><rect width="10.933" height="2.295" x="2.45" y="6.79" rx="1" paint-order="stroke fill markers"/><rect width="10.933" height="2.295" x="2.471" y="10.531" rx="1" paint-order="stroke fill markers"/></svg>

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 12d115073f2f3cede709c3bfdc283a09453f95ad..0a0310af46539f9ce46b97a5bdbdcdc15e9c0ebd 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -79,7 +79,7 @@ time[title] {
   position: absolute;
   top: 0;
   right: 0;
   position: absolute;
   top: 0;
   right: 0;

-  background: image-url("menu-icon.png") no-repeat;
+  background: image-url("menu-icon.svg") no-repeat;

   background-size: 30px 30px;
   width: 30px;
   height: 30px;
   background-size: 30px 30px;
   width: 30px;
   height: 30px;