WordPress.org
Get WordPress

Plugin Directory

Changeset 3170209


Ignore:
Timestamp:
10/16/2024 03:14:20 PM (18 months ago)
Author:
biltatous
Message:

Tagging version 1.0.6

Location:
gallery-5cript
Files:
9 edited
8 copied

Legend:

Unmodified
Added
Removed

  • gallery-5cript/tags/1.0.6/front/js/front.js

    r3169998 r3170209  
    4343                        galleryId: Number(pic.getAttribute('data-gallery-id'))
    4444                    };
    45                     console.log(pic.getAttribute('data-alt'));
    4645                    pictureArray.push(imageItem);
    4746                    tempPics.push(imageItem);
    … …  
    120119    const createImage = () => {
    121120        const image = document.createElement('img');
    122         image.classList.add('g5-w-full');
    123121        image.classList.add('g5-max-h-[90vh]');
    124122        image.classList.add('g5-max-w-[80vw]');
     123        image.classList.add('g5-w-auto');
     124        image.classList.add('g5-object-contain');
    125125        image.autofocus = true;
    126126        return image;

  • gallery-5cript/tags/1.0.6/front/templates/dark.php

    r3170005 r3170209  
    6969
    7070        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    71             <dialog class="g5-p-0 g5-bg-gray-900">
     71            <dialog class="g5-p-0 g5-pt-6 g5-h-full g5-bg-gray-900">
    7272                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7373                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7878               
    7979   
    80                 <div class="g5-grid g5-justify-center">
     80                <div class="g5-grid g5-justify-center g5-h-full">
    8181                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8282                       
    … …  
    8585                        </div>
    8686                       
    87                         <div class="g5-image-injection g5-py-6 g5-px-6">
     87                        <div class="g5-image-injection g5-flex">
    8888                            <div class="g5-loader"></div>
    8989                        </div>

  • gallery-5cript/tags/1.0.6/front/templates/lightbox.php

    r3170005 r3170209  
    7070
    7171        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    72             <dialog class="g5-p-0">
     72            <dialog class="g5-p-0 g5-pt-6 g5-h-full">
    7373                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7474                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7878                </div>
    7979   
    80                 <div class="g5-grid g5-justify-center">
     80                <div class="g5-grid g5-justify-center g5-h-full">
    8181                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8282                       
    … …  
    8585                        </div>
    8686                       
    87                         <div class="g5-image-injection g5-py-6 g5-px-6">
     87                        <div class="g5-image-injection g5-flex">
    8888                            <div class="g5-loader"></div>
    8989                        </div>

  • gallery-5cript/tags/1.0.6/front/templates/mansory-light.php

    r3170005 r3170209  
    7070       
    7171        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    72             <dialog class="g5-p-0">
     72            <dialog class="g5-p-0 g5-pt-6 g5-h-full">
    7373                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7474                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7979               
    8080   
    81                 <div class="g5-grid g5-justify-center">
     81                <div class="g5-grid g5-justify-center g5-h-full">
    8282                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8383                       
    … …  
    8686                        </div>
    8787                       
    88                         <div class="g5-image-injection g5-py-6 g5-px-6">
     88                        <div class="g5-image-injection g5-flex">
    8989                            <div class="g5-loader"></div>
    9090                        </div>

  • gallery-5cript/tags/1.0.6/front/ts/front.ts

    r3169998 r3170209  
    172172    const createImage = ():HTMLImageElement => {
    173173        const image = document.createElement('img');
    174         image.classList.add('g5-w-full');
    175174        image.classList.add('g5-max-h-[90vh]');
    176175        image.classList.add('g5-max-w-[80vw]');
     176        image.classList.add('g5-w-auto');
     177        image.classList.add('g5-object-contain');
    177178        image.autofocus = true;
    178179        return image;

  • gallery-5cript/tags/1.0.6/gallery_5cript.php

    r3170112 r3170209  
    55 * Plugin URI:        https://gallery.5cript.com/
    66 * Description:       Create a frontend gallery utilizing the fully cross-browser supported <dialog> HTML element, which offers enhanced accessibility and SEO benefits. Additionally, it incorporates the <picture> HTML element to support responsive images, ensuring optimal image sizes based on your website's configuration. This approach minimizes network redundancies by adapting to the device's viewport. The gallery is built using Tailwind CSS and TypeScript, with a simple shortcode for easy implementation.
    7  * Version:           1.0.5
     7 * Version:           1.0.6
    88 * Requires at least: 6.5.2
    99 * Requires PHP:      8.0

  • gallery-5cript/tags/1.0.6/output.css

    r3166806 r3170209  
    114114}
    115115
     116.g5-h-\[90\%\]{
     117  height: 90%;
     118}
     119
    116120.g5-max-h-\[120px\]{
    117121  max-height: 120px;
    … …  
    148152.g5-w-full{
    149153  width: 100%;
     154}
     155
     156.g5-w-auto{
     157  width: auto;
    150158}
    151159
    … …  
    292300}
    293301
     302.g5-object-contain{
     303  -o-object-fit: contain;
     304     object-fit: contain;
     305}
     306
    294307.g5-object-cover{
    295308  -o-object-fit: cover;
    … …  
    340353.g5-pt-8{
    341354  padding-top: 2rem;
     355}
     356
     357.g5-pt-6{
     358  padding-top: 1.5rem;
    342359}
    343360

  • gallery-5cript/tags/1.0.6/readme.txt

    r3170112 r3170209  
    55Requires at least: 6.0
    66Tested up to: 6.6
    7 Stable tag: 1.0.5
     7Stable tag: 1.0.6
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html

  • gallery-5cript/trunk/front/js/front.js

    r3169998 r3170209  
    4343                        galleryId: Number(pic.getAttribute('data-gallery-id'))
    4444                    };
    45                     console.log(pic.getAttribute('data-alt'));
    4645                    pictureArray.push(imageItem);
    4746                    tempPics.push(imageItem);
    … …  
    120119    const createImage = () => {
    121120        const image = document.createElement('img');
    122         image.classList.add('g5-w-full');
    123121        image.classList.add('g5-max-h-[90vh]');
    124122        image.classList.add('g5-max-w-[80vw]');
     123        image.classList.add('g5-w-auto');
     124        image.classList.add('g5-object-contain');
    125125        image.autofocus = true;
    126126        return image;

  • gallery-5cript/trunk/front/templates/dark.php

    r3170005 r3170209  
    6969
    7070        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    71             <dialog class="g5-p-0 g5-bg-gray-900">
     71            <dialog class="g5-p-0 g5-pt-6 g5-h-full g5-bg-gray-900">
    7272                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7373                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7878               
    7979   
    80                 <div class="g5-grid g5-justify-center">
     80                <div class="g5-grid g5-justify-center g5-h-full">
    8181                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8282                       
    … …  
    8585                        </div>
    8686                       
    87                         <div class="g5-image-injection g5-py-6 g5-px-6">
     87                        <div class="g5-image-injection g5-flex">
    8888                            <div class="g5-loader"></div>
    8989                        </div>

  • gallery-5cript/trunk/front/templates/lightbox.php

    r3170005 r3170209  
    7070
    7171        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    72             <dialog class="g5-p-0">
     72            <dialog class="g5-p-0 g5-pt-6 g5-h-full">
    7373                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7474                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7878                </div>
    7979   
    80                 <div class="g5-grid g5-justify-center">
     80                <div class="g5-grid g5-justify-center g5-h-full">
    8181                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8282                       
    … …  
    8585                        </div>
    8686                       
    87                         <div class="g5-image-injection g5-py-6 g5-px-6">
     87                        <div class="g5-image-injection g5-flex">
    8888                            <div class="g5-loader"></div>
    8989                        </div>

  • gallery-5cript/trunk/front/templates/mansory-light.php

    r3170005 r3170209  
    7070       
    7171        <section class="g5-gallery" id="g5-lightbox-modal-<?php echo esc_html( $gallery_id ) ?>">
    72             <dialog class="g5-p-0">
     72            <dialog class="g5-p-0 g5-pt-6 g5-h-full">
    7373                <div class="g5-w-18 g5-h-18 g5-bg-white g5-fixed g5-rounded-full g5-top-10 g5-right-10 g5-cursor-pointer g5-flex g5-justify-center g5-items-center">               
    7474                    <div class="g5-close-dialog g5-w-12 g5-h-12 g5-rounded-full g5-relative g5-flex g5-justify-center g5-items-center">                 
    … …  
    7979               
    8080   
    81                 <div class="g5-grid g5-justify-center">
     81                <div class="g5-grid g5-justify-center g5-h-full">
    8282                    <div class="g5-modal g5-flex g5-flex-row g5-flex-nowrap g5-items-center g5-min-w-[60px] g5-min-h-[60px]">
    8383                       
    … …  
    8686                        </div>
    8787                       
    88                         <div class="g5-image-injection g5-py-6 g5-px-6">
     88                        <div class="g5-image-injection g5-flex">
    8989                            <div class="g5-loader"></div>
    9090                        </div>

  • gallery-5cript/trunk/front/ts/front.ts

    r3169998 r3170209  
    172172    const createImage = ():HTMLImageElement => {
    173173        const image = document.createElement('img');
    174         image.classList.add('g5-w-full');
    175174        image.classList.add('g5-max-h-[90vh]');
    176175        image.classList.add('g5-max-w-[80vw]');
     176        image.classList.add('g5-w-auto');
     177        image.classList.add('g5-object-contain');
    177178        image.autofocus = true;
    178179        return image;

  • gallery-5cript/trunk/gallery_5cript.php

    r3170112 r3170209  
    55 * Plugin URI:        https://gallery.5cript.com/
    66 * Description:       Create a frontend gallery utilizing the fully cross-browser supported <dialog> HTML element, which offers enhanced accessibility and SEO benefits. Additionally, it incorporates the <picture> HTML element to support responsive images, ensuring optimal image sizes based on your website's configuration. This approach minimizes network redundancies by adapting to the device's viewport. The gallery is built using Tailwind CSS and TypeScript, with a simple shortcode for easy implementation.
    7  * Version:           1.0.5
     7 * Version:           1.0.6
    88 * Requires at least: 6.5.2
    99 * Requires PHP:      8.0

  • gallery-5cript/trunk/output.css

    r3166806 r3170209  
    114114}
    115115
     116.g5-h-\[90\%\]{
     117  height: 90%;
     118}
     119
    116120.g5-max-h-\[120px\]{
    117121  max-height: 120px;
    … …  
    148152.g5-w-full{
    149153  width: 100%;
     154}
     155
     156.g5-w-auto{
     157  width: auto;
    150158}
    151159
    … …  
    292300}
    293301
     302.g5-object-contain{
     303  -o-object-fit: contain;
     304     object-fit: contain;
     305}
     306
    294307.g5-object-cover{
    295308  -o-object-fit: cover;
    … …  
    340353.g5-pt-8{
    341354  padding-top: 2rem;
     355}
     356
     357.g5-pt-6{
     358  padding-top: 1.5rem;
    342359}
    343360

  • gallery-5cript/trunk/readme.txt

    r3170112 r3170209  
    55Requires at least: 6.0
    66Tested up to: 6.6
    7 Stable tag: 1.0.5
     7Stable tag: 1.0.6
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.