Material ocean: more general fixes

- fix text in card alignment
- fix text being too close to the header in local files
- fix first row being cutoff in artist albums
- fix explicit text colour being the same as the background
- fix clear recent search button hidden under controls when there are a lot of recent searches
This commit is contained in:
Abubakar Yagoub 2021-03-16 02:06:33 +08:00 committed by GitHub
parent fd37086d8d
commit 5c5032de45
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -15,9 +15,6 @@ body {
font-family: San Francisco Display, sans-serif;
}
/** {
font-family:Google Sans;
}*/
/*Round corner cover image*/
.card-image,
.card-placeholder-wrapper,
@ -28,6 +25,12 @@ body {
overflow: hidden !important;
}
/* prevent top cards row being cutoff in artist page */
li.release-node {
margin-top: 16px;
}
/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
.profile.content-top-bar__profile-link,
.upgrade-button,
@ -305,7 +308,7 @@ Change text color in playlist
.card-type-episode .card-info-title {
font-size: 15px;
font-weight: 900 !important;
text-align: center !important;
text-align: left !important;
width: 100% !important;
}
@ -313,7 +316,7 @@ Change text color in playlist
.card-type-track .card-info-subtitle-links,
.card-type-collection-album .card-info-subtitle-links,
.card-type-episode .card-info-subtitle-links {
text-align: center !important;
text-align: left !important;
width: 100% !important;
}
@ -548,8 +551,9 @@ body:not(.body-container--windows)
.glue-page-header__title,
.glue-page-header.glue-page-header--playlist
.glue-page-header__content-inner
.glue-page-header__title {
margin-top: 10px;
.glue-page-header__title,
.glue-page-header__content .glue-page-header__meta-info {
margin-top: 30px !important;
}
span.glue-page-header__title-text {
@ -733,3 +737,13 @@ body.remotebar .view-player .player-bar-wrapper {
.Header__image-inner {
box-shadow: unset;
}
/* explicit text color */
.TableCellSong__label {
color: unset !important;
}
/* margin for clear recents search button */
button.RecentlySearched__clear-all-button.button.button-with-stroke {
margin-bottom: 30px;
}