Skip to content
This repository has been archived by the owner on May 4, 2021. It is now read-only.

Commit

Permalink
FIxes bugs
Browse files Browse the repository at this point in the history
  • Loading branch information
khanhas committed Aug 31, 2018
1 parent 6eafc84 commit f67ed64
Showing 1 changed file with 36 additions and 9 deletions.
45 changes: 36 additions & 9 deletions Themes/SpicetifyDefault/user.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,9 @@
.card-placeholder-wrapper,
.card-image-content-wrapper,
.GlueCard:not(.GlueCard--artist) .GlueCard__image,
.GlueCard:not(.GlueCard--artist) .GlueCard__image-wrapper {
.GlueCard:not(.GlueCard--artist) .GlueCard__image-wrapper,
.Card:not(.Card--artist) .Card__image,
.Card:not(.Card--artist) .Card__image-wrapper {
border-radius: 10px !important;
overflow: hidden !important
}
Expand Down Expand Up @@ -53,15 +55,17 @@ body.remotebar .view-player .player-bar-wrapper {

/*Lift up cover when hovering on it*/
.card-image-content-wrapper,
.GlueCard__image-wrapper {
.GlueCard__image-wrapper,
.Card:not(.Card--artist) .Card__image-wrapper {
transition-property: transform box-shadow !important;
transition-duration: 1s !important;
transition-timing-function: cubic-bezier(.3,0,0,1) !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
.GlueCard__image-hit-area-counter-scale:hover .GlueCard__image-wrapper {
.GlueCard__image-hit-area-counter-scale:hover .GlueCard__image-wrapper,
.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
}
Expand All @@ -75,7 +79,14 @@ body.remotebar .view-player .player-bar-wrapper {
.GlueCard__image-hit-area .GlueCard__play-button,
.GlueCard__image-hit-area .GlueCard__add-button,
.GlueCard__image-hit-area .GlueCard__more-button,
.GlueCard__image-hit-area .GlueCard__overlay {
.GlueCard__image-hit-area .GlueCard__overlay,
.Card__image-hit-area .card-button-add,
.Card__image-hit-area .card-button-play,
.Card__image-hit-area .card-button-more,
.Card__image-hit-area .Card__play-button,
.Card__image-hit-area .Card__add-button,
.Card__image-hit-area .Card__more-button,
.Card__image-hit-area .Card__overlay {
transition-property: all !important;
transition-duration: 1s !important;
transition-timing-function: cubic-bezier(.3,0,0,1) !important;
Expand All @@ -86,15 +97,22 @@ body.remotebar .view-player .player-bar-wrapper {
.card-image-hit-area:not(.no-hover):hover .card-button-more,
.GlueCard__image-hit-area:not(.no-hover):hover .card-button-add,
.GlueCard__image-hit-area:not(.no-hover):hover .card-button-play,
.GlueCard__image-hit-area:not(.no-hover):hover .card-button-more {
.GlueCard__image-hit-area:not(.no-hover):hover .card-button-more,
.Card__image-hit-area:not(.no-hover):hover .card-button-add,
.Card__image-hit-area:not(.no-hover):hover .card-button-play,
.Card__image-hit-area:not(.no-hover):hover .card-button-more {
opacity: 1 !important;
transform: translateY(-10px);
}

.GlueCard__image-hit-area:hover .GlueCard__play-button,
.GlueCard__image-hit-area:hover .GlueCard__add-button,
.GlueCard__image-hit-area:hover .GlueCard__more-button,
.GlueCard__image-hit-area:hover .GlueCard__overlay {
.GlueCard__image-hit-area:hover .GlueCard__overlay,
.Card__image-hit-area:hover .Card__play-button,
.Card__image-hit-area:hover .Card__add-button,
.Card__image-hit-area:hover .Card__more-button,
.Card__image-hit-area:hover .Card__overlay {
opacity: 1 !important;
}

Expand Down Expand Up @@ -533,8 +551,8 @@ and add little glowing effect
/* Profile arrow in top left */
.content-top-bar__profile-menu-button .dropdown {
position: fixed !important;
right: 150px !important;
top: 0 !important;
right: 200px !important;
top: 10px !important;
-webkit-app-region: no-drag !important;
}

Expand All @@ -554,7 +572,8 @@ and add little glowing effect
display: none;
}

.GlueCard__info-wrapper {
.GlueCard__info-wrapper,
.Card__info-wrapper {
margin-bottom: 30px;
}

Expand All @@ -573,3 +592,11 @@ and add little glowing effect
.tracklist-podcast .tl-progress .row-progress__bar {
background-color: var(--modspotify_main_fg);
}

.Header__background-color{
background-color: var(--modspotify_main_bg) !important;
}

.Button--style-green {
color: var(--modspotify_main_bg) !important;
}

0 comments on commit f67ed64

Please sign in to comment.