Revised icons.png/.svg mechanism

WhenInBlank · May 4, 2020 · 6947a1e · 6947a1e
1 parent f6eb114
commit 6947a1e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/static/shortcode-gallery/swipebox/css/swipebox.css b/static/shortcode-gallery/swipebox/css/swipebox.css
@@ -141,7 +141,7 @@ html.swipebox-html.swipebox-touch {
 #swipebox-prev,
 #swipebox-next,
 #swipebox-close {
- background-image: url(../img/icons.svg);
+ background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
@@ -151,6 +151,12 @@ html.swipebox-html.swipebox-touch {
  top: 0;
 }
 
+.useSvg #swipebox-prev,
+.useSvg #swipebox-next,
+.useSvg #swipebox-close{
+ background-image: url(../img/icons.svg);
+}
+
 #swipebox-arrows {
  display: block;
  margin: 0 auto;

diff --git a/static/shortcode-gallery/swipebox/js/jquery.swipebox.js b/static/shortcode-gallery/swipebox/js/jquery.swipebox.js
@@ -195,12 +195,9 @@
 
  $( 'body' ).append( html );
 
- if ( !supportSVG || plugin.settings.useSVG === false ) {
- bg = $( '#swipebox-close' ).css( 'background-image' );
- bg = bg.replace( 'svg', 'png' );
- $( '#swipebox-prev, #swipebox-next, #swipebox-close' ).css( {
- 'background-image' : bg
- } );
+ if ( supportSVG && plugin.settings.useSVG === true ) {
+ $( '#swipebox-overlay' ).addClass("useSvg");
+ }
  }
 
  if ( isMobile ){