Skip to content

Instantly share code, notes, and snippets.

@rsepierre
Last active May 18, 2018 00:31
Show Gist options
  • Save rsepierre/799cee9064313767d6646971038c5929 to your computer and use it in GitHub Desktop.
Save rsepierre/799cee9064313767d6646971038c5929 to your computer and use it in GitHub Desktop.
CSS Remove Google Play Music Bloat
/*
* This CSS code will remove most of Google Play Music's player visual bloat.
* It also includes minor adjustements to fill in the gaps and removes circled frame around artists list pictures.
* I tried to keep the theme as "stock" as possible and did not go further into customisation (color theme etc), feel free to extend this script as you like.
* You can apply this style with a extension that overwrites websites CSS. I use the stylebot chrome extension.
*/
/* Removed elements */
.music-logo-link, #tabsContent [data-type="wmp"],
#shop-nav,
#tabsContent [data-type="wms"],
#gb, paper-button.nav-item-container.sub,
.detail-wrapper.gpm-detail-page-header > .button-wrapper.gpm-detail-page-header,
#playlist-drawer .playlist-drawer-item[data-id="auto-playlist-promo"],
#nav_collections, #mainContainer .nav-section-divider,
.gpm-quick-nav-item-0 #label.gpm-quick-nav-item {
display: none ;
}
/* Search Bar */
.qp #material-one-left, .qp #material-one-right {
flex: 0;
min-width: 90px;
}
.qp #material-one-middle {
max-width: initial;
}
.qp #material-one-middle .material-search {
background-color: #fcfcfc;
border-radius: 40px;
}
.qp #material-one-middle .material-search:focus {
background-color: #fbfbfb;
border-color: #fff;
box-shadow: inset 2px 2px 10px 1px rgba(0,0,0,0.01);
color: #212121;
}
/* Artists Visuals */
.entity-card.material-card .image-wrapper, .entity-card.material-card .image-wrapper .image {
border-radius: 5%;
}
/* I feel lucky Button */
paper-drawer-panel.mini-nav-enabled .recent-view gpm-ifl-button {
position: relative;
display: block;
margin: auto;
height: 140px;
width: 140px;
top: 0;
right: 0;
}
#iflFab {
background-color: #555555;
height: 140px;
width: 140px;
}
paper-drawer-panel.mini-nav-enabled .recent-view gpm-ifl-button #icon {
height: 65px;
width: 65px;
}
.gpm-ifl-button-0 #iflLabel.gpm-ifl-button {
position: static;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment