Skip to content

Instantly share code, notes, and snippets.

@DarthJDG
Last active October 31, 2018 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DarthJDG/ed651de43aaa551b98babfda589a2a84 to your computer and use it in GitHub Desktop.
Save DarthJDG/ed651de43aaa551b98babfda589a2a84 to your computer and use it in GitHub Desktop.
GOG anniversary fixes
/* 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;
}
// 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