fix heart icon position
This commit is contained in:
parent
5ce7109026
commit
b3934b3d98
2 changed files with 17 additions and 3 deletions
|
@ -359,7 +359,11 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: var(--mediaItemRadius);
|
border-radius: var(--mediaItemRadius);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
&:hover{
|
||||||
|
.heart-icon{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
.popular {
|
.popular {
|
||||||
background-image: url(assets/star.svg);
|
background-image: url(assets/star.svg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
@ -475,7 +479,7 @@
|
||||||
.heart-icon {
|
.heart-icon {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -25px;
|
left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CSS.gg
|
/* CSS.gg
|
||||||
|
|
|
@ -497,6 +497,16 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
.cd-mediaitem-list-item{
|
||||||
|
&:hover{
|
||||||
|
.heart-icon{
|
||||||
|
display:flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.heart-icon{
|
||||||
|
left: -25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.editTracksBtn {
|
.editTracksBtn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue