From 394c1b8afc704d2ced59efdbaf1edef2c8c95a53 Mon Sep 17 00:00:00 2001 From: Candy Tsai Date: Fri, 10 Mar 2023 03:30:19 +0800 Subject: [PATCH] [not verified] Slideshow Block: Make play/pause icons visible (#29330) Co-authored-by: Brandon Kraft --- projects/plugins/jetpack/changelog/fix-slideshow-icon | 4 ++++ .../plugins/jetpack/extensions/blocks/slideshow/style.scss | 4 ++-- 2 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 projects/plugins/jetpack/changelog/fix-slideshow-icon diff --git a/projects/plugins/jetpack/changelog/fix-slideshow-icon b/projects/plugins/jetpack/changelog/fix-slideshow-icon new file mode 100644 index 0000000000000..1437647f9f74d --- /dev/null +++ b/projects/plugins/jetpack/changelog/fix-slideshow-icon @@ -0,0 +1,4 @@ +Significance: patch +Type: bugfix + +Make slideshow block's play and pause icons visible. diff --git a/projects/plugins/jetpack/extensions/blocks/slideshow/style.scss b/projects/plugins/jetpack/extensions/blocks/slideshow/style.scss index b55bd4c14632f..7b073c298b457 100644 --- a/projects/plugins/jetpack/extensions/blocks/slideshow/style.scss +++ b/projects/plugins/jetpack/extensions/blocks/slideshow/style.scss @@ -160,7 +160,7 @@ .wp-block-jetpack-slideshow_button-play, .wp-block-jetpack-slideshow_button-pause { - background-image: url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2019h4V5H6v14zm8-14v14h4V5h-4z'%20fill='white'/%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3C/svg%3E" ); + background-image: url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2019h4V5H6v14zm8-14v14h4V5h-4z'%20fill='black'/%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3C/svg%3E" ); display: none; margin-top: 0; position: absolute; @@ -171,7 +171,7 @@ .wp-block-jetpack-slideshow_button-play, .wp-block-jetpack-slideshow_autoplay-paused .wp-block-jetpack-slideshow_button-pause { - background-image: url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'%20fill='white'/%3E%3Cpath%20d='M0 0h24v24H0z'%20fill='none'/%3E%3C/svg%3E" ); + background-image: url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'%20fill='black'/%3E%3Cpath%20d='M0 0h24v24H0z'%20fill='none'/%3E%3C/svg%3E" ); } &[data-autoplay='true'] .wp-block-jetpack-slideshow_button-pause {