Adjust image gallery class

Purdue · Feb 20, 2023 · 1e3fa97 · 1e3fa97
1 parent 6b52a49
commit 1e3fa97
Show file tree

Hide file tree

Showing 10 changed files with 6 additions and 6 deletions.
diff --git a/build/block.0b667f902d3c4dec1bab.asset.php → build/block.f67b1671ab8d8ba0dc61.asset.php b/build/block.0b667f902d3c4dec1bab.asset.php → build/block.f67b1671ab8d8ba0dc61.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-blocks', 'wp-element', 'wp-icons/build-types', 'wp-primitives', 'wp-server-side-render'), 'version' => 'c3bbbdbcc0c52987e1b0e1eef2d39e69');
+<?php return array('dependencies' => array('react', 'wp-blocks', 'wp-element', 'wp-icons/build-types', 'wp-primitives', 'wp-server-side-render'), 'version' => '024cf933165271275f0d88fc92f6a54a');
diff --git a/build/block.0b667f902d3c4dec1bab.js → build/block.f67b1671ab8d8ba0dc61.js b/build/block.0b667f902d3c4dec1bab.js → build/block.f67b1671ab8d8ba0dc61.js
diff --git a/build/editor.0b667f902d3c4dec1bab.asset.php → build/editor.f67b1671ab8d8ba0dc61.asset.php b/build/editor.0b667f902d3c4dec1bab.asset.php → build/editor.f67b1671ab8d8ba0dc61.asset.php
diff --git a/build/editor.0b667f902d3c4dec1bab.css → build/editor.f67b1671ab8d8ba0dc61.css b/build/editor.0b667f902d3c4dec1bab.css → build/editor.f67b1671ab8d8ba0dc61.css
diff --git a/...d/frontend.0b667f902d3c4dec1bab.asset.php → ...d/frontend.f67b1671ab8d8ba0dc61.asset.php b/...d/frontend.0b667f902d3c4dec1bab.asset.php → ...d/frontend.f67b1671ab8d8ba0dc61.asset.php
diff --git a/build/frontend.0b667f902d3c4dec1bab.js → build/frontend.f67b1671ab8d8ba0dc61.js b/build/frontend.0b667f902d3c4dec1bab.js → build/frontend.f67b1671ab8d8ba0dc61.js
diff --git a/build/style.0b667f902d3c4dec1bab.asset.php → build/style.f67b1671ab8d8ba0dc61.asset.php b/build/style.0b667f902d3c4dec1bab.asset.php → build/style.f67b1671ab8d8ba0dc61.asset.php
diff --git a/build/style.0b667f902d3c4dec1bab.css → build/style.f67b1671ab8d8ba0dc61.css b/build/style.0b667f902d3c4dec1bab.css → build/style.f67b1671ab8d8ba0dc61.css
diff --git a/src/image-gallery/block.js b/src/image-gallery/block.js
@@ -182,7 +182,7 @@ registerBlockType( 'purdue-blocks/image-gallery', {
                         {props.attributes.imgs.length>0?
                         <div className='columns is-multiline'>
                           {props.attributes.imgs.map((img, index)=>{
-                            return <div className={`column${props.attributes.columns === "4"?" is-one-quarter-desktop":" is-one-third-desktop"} is-half-tablet is-full-mobile`}>
+                            return <div className={`column${props.attributes.columns === "4"?" is-one-quarter-widescreen":" is-one-third-widescreen"} is-half-tablet is-full-mobile is-one-third-desktop`}>
                               <div className={ `image-gallery-open${img.caption?"":" image-no-caption"}` } data-toggle={img.id}>
                                <div className={ `image is-square` }
                                 role="img"

diff --git a/src/image-gallery/index.php b/src/image-gallery/index.php
@@ -18,11 +18,11 @@ function render_block_purdue_gallery($attributes){
     }
     if(sizeof($attributes['imgs'])>0){
             $output.='<div class="columns is-multiline">';
-            $column_class[] = 'column is-half-tablet is-full-mobile';
+            $column_class[] = 'column is-half-tablet is-full-mobile is-one-third-desktop';
             if(isset( $attributes['columns'] ) && $attributes['columns'] =="4" ){
-                $column_class[] = 'is-one-quarter-desktop';
+                $column_class[] = 'is-one-quarter-widescreen';
             }else{
-                $column_class[] = 'is-one-third-desktop';
+                $column_class[] = 'is-one-third-widescreen';
             }
             foreach ( $attributes['imgs'] as $img ) {  
                 $output.='<div class="'.implode(' ',$column_class).'">';
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('react', 'wp-blocks', 'wp-element', 'wp-icons/build-types', 'wp-primitives', 'wp-server-side-render'), 'version' => 'c3bbbdbcc0c52987e1b0e1eef2d39e69');
		<?php return array('dependencies' => array('react', 'wp-blocks', 'wp-element', 'wp-icons/build-types', 'wp-primitives', 'wp-server-side-render'), 'version' => '024cf933165271275f0d88fc92f6a54a');