KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-12-29 05:21:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #240 from zoff-music/fix/clipping-songs

Browse Source 
Added fix for clipping songs on hover on small player
This commit is contained in:
Kasper Rynning-Tønnesen
2017-11-21 16:18:16 +01:00
committed by GitHub
parent bdf531f80e 0578863317
commit 572c63f011
1 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
server/public/assets/css/style.css
View File

@@ -1631,8 +1631,8 @@ nav ul li:hover, nav ul li.active {
} }
.list-image:after { .list-image:after {
-webkit-transition: all .3s; -webkit-transition: opacity .3s;
transition: all .3s; transition: opacity .3s;
font-family: "Material Icons"; font-family: "Material Icons";
content:"thumb_up"; content:"thumb_up";
speak: none; speak: none;
@@ -1694,16 +1694,6 @@ nav ul li:hover, nav ul li.active {
color:white !important; color:white !important;
} }
.list-song{
background-color: rgba(255, 255, 255, 0.04);
color:white;
font:12px Arial,sans-serif;
-webkit-transition:height .3s;
-moz-transition:height .3s;
-o-transition:height .3s;
transition:height .3s;
height:66px;
}
.list-song .card-content{padding:0;} .list-song .card-content{padding:0;}
.list-title{ .list-title{
display:block; display:block;
@@ -1725,6 +1715,18 @@ nav ul li:hover, nav ul li.active {
overflow:hidden; overflow:hidden;
transition: box-shadow 0s; transition: box-shadow 0s;
} }
.list-song{
width: 100%;
background-color: rgba(255, 255, 255, 0.04);
color:white;
font:12px Arial,sans-serif;
-webkit-transition:height .3s;
-moz-transition:height .3s;
-o-transition:height .3s;
transition:height .3s;
height:66px;
margin: 2.5px 0 2.5px -1px !important;
}
.card:hover{ .card:hover{
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12);
} }
@@ -1785,10 +1787,6 @@ nav ul li:hover, nav ul li.active {
color:white; color:white;
} }
.list-song {
width: 100%;
}
.open-externally:hover { .open-externally:hover {
color:orange; color:orange;
} }
@@ -2502,6 +2500,16 @@ nav ul li:hover, nav ul li.active {
margin: 0px !important; margin: 0px !important;
} }
.vote-container:hover .list-image:after, .add-suggested:hover .list-suggested-image:after {
opacity: 1;
content: "thumb_up";
}
.list-image:after, .list-suggested-image:after {
content: none;
}
.delete_button .material-icons, .del_suggested .material-icons, .del_user_suggested .material-icons{ .delete_button .material-icons, .del_suggested .material-icons, .del_user_suggested .material-icons{
font-size: 2.5rem; font-size: 2.5rem;
} }