fixed styling issue fav icons

This commit is contained in:
Jonas Heinrich 2017-08-05 19:02:29 +02:00
parent 3b63e045b2
commit 15e95e0e60
3 changed files with 8 additions and 1 deletions

View File

@ -32,6 +32,12 @@
display: inline-block;
vertical-align: middle;
background-size: 16px 16px;
opacity: 0.3;
}
.icon-stationfav:hover {
background-image: url('../img/starred.svg');
opacity: 1;
}
/* SETTINGS */

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22"><path d="M11.017.06l2.946 7.384L22 8.077l-6.11 5.082L17.77 21l-6.72-4.242-6.876 4.213 1.957-7.703L0 8.03l7.932-.52z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22"><path d="M11.017.06l2.946 7.384L22 8.077l-6.11 5.082L17.77 21l-6.72-4.242-6.876 4.213 1.957-7.703L0 8.03l7.932-.52z" opacity=".5"/></svg>

Before

Width:  |  Height:  |  Size: 187 B

After

Width:  |  Height:  |  Size: 200 B

1
img/starred.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22"><path fill="#FC0" d="M11.017.06l2.946 7.384L22 8.077l-6.11 5.082L17.77 21l-6.72-4.242-6.876 4.213 1.957-7.703L0 8.03l7.932-.52z"/></svg>

After

Width:  |  Height:  |  Size: 199 B