WordPress.org
Get WordPress

Plugin Directory

Changeset 2709813


Ignore:
Timestamp:
04/14/2022 02:29:56 PM (4 years ago)
Author:
themeux
Message:

Image gallery responsive column issue fixed

Location:
pixi-image-gallery/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • pixi-image-gallery/trunk/includes/assets/css/common.css

    r2707141 r2709813  
    172172  transition: all .4s ease 0s;
    173173}
     174
     175
     176 
     177  /*  Medium devices (tablets, 768px and up) */
     178  @media (max-width: 768px) {
     179    .pixi-gallery-wrapper .gallery-columns-3 .pixi-inner-item {
     180      max-width: 50%;
     181    }
     182   
     183    .pixi-gallery-wrapper .gallery-columns-4 .pixi-inner-item {
     184      max-width: 50%;
     185    }
     186   
     187    .pixi-gallery-wrapper .gallery-columns-5 .pixi-inner-item {
     188      max-width: 50%;
     189    }
     190   
     191    .pixi-gallery-wrapper .gallery-columns-6 .pixi-inner-item {
     192      max-width: 50%;
     193    }
     194  }
     195 
     196 
     197  /* Small devices (landscape phones, 576px and up) */
     198  @media (max-width: 576px) { 
     199    .pixi-gallery-wrapper .gallery-columns-3 .pixi-inner-item {
     200      max-width: 100%;
     201    }
     202   
     203    .pixi-gallery-wrapper .gallery-columns-4 .pixi-inner-item {
     204      max-width: 100%;
     205    }
     206   
     207    .pixi-gallery-wrapper .gallery-columns-5 .pixi-inner-item {
     208      max-width: 100%;
     209    }
     210   
     211    .pixi-gallery-wrapper .gallery-columns-6 .pixi-inner-item {
     212      max-width: 100%;
     213    }
     214  }

  • pixi-image-gallery/trunk/includes/widgets/pixi-gallery-custom-filter.php

    r2699613 r2709813  
    4141     */
    4242    public function get_icon() {
    43         return 'eicon-code';
     43        return 'eicon-inner-section';
    4444    }
    4545

  • pixi-image-gallery/trunk/includes/widgets/pixi-gallery-filter.php

    r2707137 r2709813  
    4141     */
    4242    public function get_icon() {
    43         return 'eicon-code';
     43        return 'eicon-gallery-masonry';
    4444    }
    4545
    … …  
    935935                    ?>
    936936
    937                     <div class="col-xl-<?php echo esc_attr($settings['column_option']); ?> col-lg-<?php echo esc_attr($settings['column_option']); ?>  col-md-6 grid-item <?php echo esc_attr($new_str_name,'pixi-image-gallery'); ?> elementor-repeater-item-<?php echo esc_attr( $gallery_item['_id'] )?>">
     937                    <div class="col-xl-<?php echo esc_attr($settings['column_option']); ?> col-lg-<?php echo esc_attr($settings['column_option']); ?>  col-md-<?php echo esc_attr($settings['column_option']); ?> grid-item <?php echo esc_attr($new_str_name,'pixi-image-gallery'); ?> elementor-repeater-item-<?php echo esc_attr( $gallery_item['_id'] )?>">
    938938
    939939                        <div class="pixi-inner-item <?php echo esc_attr($layout_class,'pixi-image-gallery');?>">

  • pixi-image-gallery/trunk/includes/widgets/pixi-gallery.php

    r2697482 r2709813  
    4141     */
    4242    public function get_icon() {
    43         return 'eicon-code';
     43        return 'eicon-gallery-grid';
    4444    }
    4545
    … …  
    166166                    '{{WRAPPER}} .pixi-gallery-wrapper .gallery-inner ' => 'margin-bottom: -{{SIZE}}{{UNIT}}; margin-right: -{{SIZE}}{{UNIT}};',
    167167                    '{{WRAPPER}} .pixi-gallery-wrapper .pixi-inner-item' => 'padding-right: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};',
     168                ],
     169            ]
     170        );
     171
     172        $this->add_responsive_control(
     173            'column_display',
     174            [
     175                'label' => esc_html__( 'Display', 'pixi-image-gallery' ),
     176                'type' => \Elementor\Controls_Manager::SELECT,
     177                'default' => 'flex',
     178                'options' => [
     179                    'default' => esc_html__( 'None', 'pixi-image-gallery' ),
     180                    'block' => esc_html__( 'Block', 'pixi-image-gallery' ),
     181                    'flex' => esc_html__( 'Flex', 'pixi-image-gallery' ),
     182                ],
     183                'selectors' => [
     184                    '{{WRAPPER}} .pixi-gallery-wrapper .gallery-inner ' => 'display: {{UNIT}};',
     185                ],
     186            ]
     187        );
     188
     189        $this->add_control(
     190            'column_align',
     191            [
     192                'label' => esc_html__( 'Vertical Align', 'pixi-image-gallery' ),
     193                'type' => \Elementor\Controls_Manager::SELECT,
     194                'default' => 'center',
     195                'options' => [
     196                    'none' => esc_html__( 'None', 'pixi-image-gallery' ),
     197                    'start' => esc_html__( 'Top', 'pixi-image-gallery' ),
     198                    'center' => esc_html__( 'Center', 'pixi-image-gallery' ),
     199                    'end' => esc_html__( 'Bottom', 'pixi-image-gallery' ),
     200                ],
     201                'selectors' => [
     202                    '{{WRAPPER}} .pixi-gallery-wrapper .gallery-inner ' => 'align-items: {{UNIT}};',
    168203                ],
    169204            ]
    … …  
    276311        );
    277312
     313        $this->add_control(
     314            'img_width',
     315            [
     316                'label' => esc_html__( 'Width', 'pixi-image-gallery' ),
     317                'type' => \Elementor\Controls_Manager::SLIDER,
     318                'size_units' => [ 'px', '%' ],
     319                'range' => [
     320                    'px' => [
     321                        'min' => 0,
     322                        'max' => 1000,
     323                        'step' => 5,
     324                    ],
     325                    '%' => [
     326                        'min' => 0,
     327                        'max' => 100,
     328                    ],
     329                ],
     330                'default' => [
     331                    'unit' => '%',
     332                    'size' => 100,
     333                ],
     334                'selectors' => [
     335                    '{{WRAPPER}} .pixi-inner-item img' => 'width: {{SIZE}}{{UNIT}};',
     336                ],
     337            ]
     338        );
    278339
    279340        $this->add_control(

  • pixi-image-gallery/trunk/pixi-image-gallery-lite.php

    r2707139 r2709813  
    44 * Description: Creative Elementor Image Gallery, Filterable Gallery,Creative layout
    55 * Plugin URI:  #
    6  * Version:     1.0.3
     6 * Version:     1.0.4
    77 * Author:      Esrat Sultana
    88 * Author URI:  https://esrat.net/
    … …  
    2828 * Rename this for your plugin and update it as you release new versions.
    2929 */
    30 define( 'PIXI_IMAGE_GALLERY_VERSION', '1.0.3' );
     30define( 'PIXI_IMAGE_GALLERY_VERSION', '1.0.4' );
    3131
    3232//  INitiate plugins widgets

  • pixi-image-gallery/trunk/readme.txt

    r2707139 r2709813  
    55Requires at least: 4.7
    66Tested up to: 5.9.2
    7 Stable tag: 1.0.3
     7Stable tag: 1.0.4
    88Requires PHP: 7.2
    99License: GPLv2 or later
    … …  
    6464
    6565== Changelog ==
     66
     67= 1.0.4 =
     68* Widget Responsive issue fixed. For normal gallery
     69
    6670= 1.0.3 =
    6771* Widget Style added
Note: See TracChangeset for help on using the changeset viewer.