Last active
October 31, 2018 14:24
-
-
Save DarthJDG/ed651de43aaa551b98babfda589a2a84 to your computer and use it in GitHub Desktop.
GOG anniversary fixes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Show list view in store */ | |
.catalog__games-list .product-tile { | |
width: 100% !important; | |
height: 60px !important; | |
margin-bottom: 0 !important; | |
float: none !important; | |
margin-left: 0 !important; | |
border-bottom: 1px solid #cfcfcf !important; | |
} | |
.catalog__games-list .product-tile::before { | |
padding: 0 !important; | |
margin: 0 !important; | |
border-bottom: none !important; | |
} | |
.catalog__games-list .product-tile__content { | |
box-shadow: none !important; | |
left: 0 !important; | |
right: 0 !important; | |
top: 0 !important; | |
bottom: 0 !important; | |
background: #e1e1e1 !important; | |
} | |
.catalog__games-list .product-tile__content:hover { | |
background: #e5e5e5 !important; | |
} | |
.catalog__games-list .product-tile__cover { | |
width: 100px !important; | |
height: 60px !important; | |
top: -24px !important; | |
} | |
.catalog__games-list .product-tile__title { | |
overflow: visible !important; | |
color: #262626 !important; | |
text-align: left !important; | |
opacity: 1 !important; | |
padding: 0 0 0 120px !important; | |
font-size: 13px !important; | |
font-weight: 600 !important; | |
height: 0 !important; | |
width: 70% !important; | |
margin-top: 24px !important; | |
white-space: normal; | |
} | |
.catalog__games-list .product-tile__info { | |
width: 30% !important; | |
position: absolute !important; | |
right: 0 !important; | |
top: 10px !important; | |
} | |
.catalog__games-list .list-inner { | |
box-shadow: 0 1px 5px rgba(0,0,0,.15) !important; | |
margin-left: 24px !important; | |
} | |
.catalog__games-list .product-tile__labels > span { | |
padding: 4px !important; | |
} | |
.catalog__games-list .product-tile__labels { | |
bottom: 0 !important; | |
} | |
.catalog__games-list .product-tile__cover-picture { | |
opacity: 1 !important; | |
} | |
.catalog__games-list .product-tile__dynamic-cover { | |
display: none !important; | |
opacity: 0 !important; | |
} | |
.catalog__body--slide-mobile { | |
width: 100% !important; | |
} | |
/* No more hover videos on tiles */ | |
.product-tile__cover-picture { | |
opacity: 1 !important; | |
} | |
.product-tile__dynamic-cover { | |
display: none !important; | |
opacity: 0 !important; | |
} | |
/* No more giant carousel on front page */ | |
.big-spot__carousel-container { | |
margin-top: 56px !important; | |
height: 200px !important; | |
} | |
.big-spot__carousel-container img { | |
top: -145px !important; | |
order: -1; | |
} | |
/* Move news to top */ | |
html[ng-app=gogFrontpage] .content.cf { | |
display: flex; | |
flex-direction: column; | |
} | |
html[ng-app=gogFrontpage] .content.cf .container { | |
order: 1; | |
} | |
html[ng-app=gogFrontpage] .content.cf .container.container--two-columns + .container { | |
order: 0; | |
} | |
html[ng-app=gogFrontpage] .content.cf .footer-spacer { | |
order: 2; | |
} | |
.small-spots__container::before { | |
content: 'Highlights'; | |
display: block; | |
margin: 0 0 16px 24px; | |
font-weight: 600; | |
padding-bottom: 16px; | |
border-bottom: 1px solid #bfbfbf; | |
} | |
/* Show all news items */ | |
.news__carousel .js-items-wrapper { | |
max-width: 100% !important; | |
} | |
.news__carousel .news-section { | |
display: block; | |
} | |
.news__carousel .carousel__item { | |
visibility: visible !important; | |
opacity: 1 !important; | |
margin-bottom: 20px !important; | |
} | |
.news__carousel .carousel-pagination { | |
display: none !important; | |
} | |
.news-tile { | |
height: 100px; | |
} | |
/* Smaller product card on store page */ | |
.productcard-player, .productcard-image { | |
height: 300px !important; | |
} | |
/* Easy-click screenshot pagination */ | |
.productcard-thumbnails-slider-pagination { | |
bottom: -5px; | |
} | |
.productcard-thumbnails-slider-pagination__page-marker { | |
height: 20px !important; | |
} | |
.productcard-thumbnails-slider-pagination__page-marker::before { | |
margin-top: 6px !important; | |
} | |
/* Move buy series and you may like section to the bottom */ | |
.productcard .layout { | |
display: flex !important; | |
flex-direction: column; | |
} | |
.productcard .layout > * { | |
width: 100% !important; | |
box-sizing: border-box !important; | |
order: 0; | |
} | |
@media(min-width:1111px) { | |
.productcard .layout > .series { | |
box-sizing: content-box !important; | |
} | |
} | |
.productcard .layout > .series, .productcard .layout > .layout-container.hide-when-content-is-expanded { | |
order: 1; | |
} | |
.productcard .layout > footer { | |
order: 2; | |
} | |
.productcard .product-actions { | |
bottom: 38px !important; | |
} | |
/* Reduce product actions size on product page */ | |
.productcard .product-actions { | |
transform: scale(0.9); | |
right: 0 !important; | |
width: auto !important; | |
bottom: 10px !important; | |
} | |
.productcard .product-actions .product-actions-price { | |
margin-left: 0 !important; | |
} | |
.productcard .product-actions .product-actions-price__discount { | |
font-size: 20px !important; | |
height: 42px !important; | |
width: 80px !important; | |
line-height: 42px !important; | |
left: auto !important; | |
right: 0 !important; | |
border-radius: 5px 0 0 5px !important; | |
} | |
.productcard .product-actions .product-actions-price__base-amount { | |
font-size: 14px !important; | |
} | |
.productcard .product-actions .product-actions-price__final-amount { | |
font-size: 20px !important; | |
} | |
.productcard .product-actions .button--big { | |
padding: 12px !important; | |
} | |
.productcard .product-actions .button--big.wishlist-button { | |
padding: 0 !important; | |
} | |
/* Restore line-breaks in reviews */ | |
.review__text { | |
white-space: pre-line !important; | |
margin-top: -42px !important; | |
margin-bottom: -42px !important; | |
} | |
.review__read-more { | |
margin-bottom: 42px !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Remove annoying hover videos | |
setInterval(function() { | |
var elements = document.getElementsByClassName('product-tile__dynamic-cover'); | |
while(elements.length > 0) { | |
elements[0].parentNode.removeChild(elements[0]); | |
} | |
}, 1000); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment