From 9d709748d648d942ead73cb909197fc4da308104 Mon Sep 17 00:00:00 2001 From: mateuswetah Date: Mon, 18 Oct 2021 19:10:26 -0300 Subject: [PATCH] Small fixes to light version of media component --- src/assets/scss/_single-item-collection.scss | 3 +++ .../customizer/tainacan-single-item-page-document.php | 11 +++++------ 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/assets/scss/_single-item-collection.scss b/src/assets/scss/_single-item-collection.scss index 595d3ca..c66f1b9 100644 --- a/src/assets/scss/_single-item-collection.scss +++ b/src/assets/scss/_single-item-collection.scss @@ -392,6 +392,9 @@ } } } + .tainacan-media-component { + --tainacan-media-background: white; + } .single-item-collection--attachments-file, .tainacan-media-component__swiper-main .swiper-slide { &:hover { diff --git a/src/functions/customizer/tainacan-single-item-page-document.php b/src/functions/customizer/tainacan-single-item-page-document.php index 8603b4f..29eb4aa 100644 --- a/src/functions/customizer/tainacan-single-item-page-document.php +++ b/src/functions/customizer/tainacan-single-item-page-document.php @@ -416,17 +416,16 @@ if ( !function_exists('tainacan_gallery_light_color_scheme') ) { .tainacan-photoswipe-layer .pswp__bg { background-color: rgba(255, 255, 255, 0.85) !important; } - .tainacan-photoswipe-layer .pswp__ui--fit .pswp__top-bar, - .tainacan-photoswipe-layer .pswp__ui--fit .pswp__caption { + .tainacan-photoswipe-layer .pswp__ui .pswp__top-bar, + .tainacan-photoswipe-layer .pswp__ui .pswp__caption { background-color: rgba(255, 255, 255, 0.7) !important; } .tainacan-photoswipe-layer .pswp__top-bar .pswp__name, - .tainacan-photoswipe-layer .pswp__caption__center { + .tainacan-photoswipe-layer .pswp__caption__center, + .tainacan-photoswipe-layer .pswp__counter { color: black !important; } - .tainacan-photoswipe-layer .pswp__button, - .tainacan-photoswipe-layer .pswp__button--arrow--left::before, - .tainacan-photoswipe-layer .pswp__button--arrow--right::before { + .tainacan-photoswipe-layer .pswp__button { filter: invert(100) !important; } .tainacan-photoswipe-layer .pswp--css_animation .pswp__preloader__donut {