WordPress.org
Get WordPress

Plugin Directory

Changeset 2615771


Ignore:
Timestamp:
10/18/2021 11:23:55 AM (4 years ago)
Author:
aurelienpierre
Message:

Minor CSS height rework for carousels.

Location:
photographers-galleries/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • photographers-galleries/trunk/css/pg-style.css

    r2605796 r2615771  
    263263
    264264.pg-carousel .gallery img {
    265   max-height: calc(90vh - 40px);
     265  max-height: 100vh;
    266266  max-width: none;
    267267  min-width: 150px;
    268268  min-height: 150px;
    269269  width: auto;
    270   height: calc(90vh - 40px);
     270  height: 90vh;
    271271  box-sizing: border-box;
    272272  border: none;

  • photographers-galleries/trunk/css/pg-style.min.css

    r2605796 r2615771  
    1 .gallery-columns-1{column-count:1}.gallery-columns-2{column-count:2}.gallery-columns-3{column-count:3}.gallery-columns-4{column-count:4}.gallery-columns-5{column-count:5}.gallery-columns-6{column-count:6}.gallery-columns-7{column-count:7}.gallery-columns-8{column-count:8}.gallery-columns-9{column-count:9}.gallery{column-gap:10px}.gallery figure{margin-bottom:10px;break-inside:avoid}.gallery figure.gallery-item a{display:block}.pg-align_caption .gallery{display:grid}.pg-no_caption .wp-caption-text{display:none;padding:0}.pg-carousel-wrapper .pg-no_caption img{height:calc(100vh - 50px)}.pg-hover_caption .wp-caption-text{position:absolute;bottom:0;left:0;right:0;display:none;background:rgba(255,255,255,.75);z-index:10;color:#000;text-align:center}.pg-hover_caption .gallery-item:active .wp-caption-text,.pg-hover_caption .gallery-item:focus .wp-caption-text,.pg-hover_caption .gallery-item:hover .wp-caption-text{display:block}.pg-hover_caption .gallery img{height:calc(100vh - 50px)}.pg-exhibition-wrapper{scroll-snap-align:start;scroll-snap-stop:always}.pg-carousel-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.pg-carousel .gallery figure.gallery-item,.pg-carousel .gallery figure.gallery-item .gallery-icon,.pg-carousel .gallery figure.gallery-item .gallery-icon img,.pg-carousel .gallery figure.gallery-item figcaption.wp-caption-text,.pg-exhibition .gallery figure.gallery-item,.pg-exhibition .gallery figure.gallery-item .gallery-icon,.pg-exhibition .gallery figure.gallery-item .gallery-icon img,.pg-exhibition .gallery figure.gallery-item figcaption.wp-caption-text{border:none}.pg-carousel .wp-caption-text,.pg-exhibition .wp-caption-text{text-align:right}.pg-carousel.pg-hover_caption .wp-caption-text,.pg-exhibition.pg-hover_caption .wp-caption-text{text-align:center}.pg-carousel-wrapper,.pg-exhibition-wrapper{box-sizing:border-box;display:block;width:100%;height:100%;overflow:hidden;position:relative}.pg-exhibition-wrapper{height:100vh}.pg-carousel,.pg-exhibition{width:100%;height:100%;display:block;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;padding:0;box-sizing:border-box;transition:transform .5s ease-out}.pg-carousel::-webkit-scrollbar,.pg-exhibition::-webkit-scrollbar{display:none}.pg-exhibition{padding:2em 1em}.pg-carousel header{position:absolute;font-size:1.1em;display:block;z-index:10;font-variant:small-caps;-moz-font-feature-settings:'smcp' on;-webkit-font-feature-settings:'smcp' on;-ms-font-feature-settings:'smcp' on;font-feature-settings:'smcp' on}.pg-carousel header{top:0;left:0;right:0;background:linear-gradient(to right,rgba(0,0,0,.9) 0,rgba(0,0,0,0)75%);padding:.5ex 1ex 1ex 1ex;color:#f2f2f2}.pg-carousel:active header,.pg-carousel:focus header,.pg-carousel:hover header{display:none}.pg-carousel .gallery{display:table;height:100%;width:100%;white-space:nowrap;position:relative;margin:10px -20px 10px -10px;padding:0;box-sizing:border-box;overflow:visible}.pg-exhibition .gallery,.pg-exhibition .gallery *{display:flex;justify-content:center;width:auto;height:auto;margin:0;padding:0;position:relative;box-sizing:border-box}.pg-exhibition.pg-no_caption .gallery .wp-caption-text{display:none}.pg-exhibition .gallery .wp-caption-text{text-align:right;line-height:2}.pg-exhibition .gallery{flex-direction:row;align-items:center;overflow:visible;height:100%;width:100%;max-width:100vw;max-height:100vh}.pg-carousel .gallery .gallery-item{display:inline-table;float:none;white-space:normal;width:auto;height:100%;padding:0;margin:0 10px;position:relative;box-sizing:border-box;border:none}.pg-exhibition .gallery .gallery-item{display:none;flex-direction:column;align-items:center;overflow:visible}.pg-exhibition-wrapper .gallery .gallery-icon{overflow:hidden}.pg-exhibition .gallery figure.active{display:flex}.pg-carousel .gallery .gallery-item:first-child{margin-left:0}.pg-carousel .gallery .gallery-item:last-child{margin-right:0}.pg-carousel .gallery img{max-height:calc(90vh - 40px);max-width:none;min-width:150px;min-height:150px;width:auto;height:calc(90vh - 40px);box-sizing:border-box;border:none;pointer-events:none}.pg-exhibition .gallery img{display:inline-flex;align-self:center;max-width:none;max-height:none;pointer-events:none}.pg-exhibition-wrapper .look-box,.pg-exhibition-wrapper .look-box-bright,.pg-exhibition-wrapper .look-box-dark,.pg-exhibition-wrapper .look-classic,.pg-exhibition-wrapper .look-modern{background:linear-gradient(180deg,#fff,rgba(0,0,0,.005)),radial-gradient(circle at center,#fff 0,rgba(255,255,255,.5) 50%,rgba(200,200,200,.67) 67%,rgba(200,200,200,.75) 75%,#fff 100%)}.pg-no_caption.look-box .pg-exhibition,.pg-no_caption.look-box-bright .pg-exhibition,.pg-no_caption.look-box-dark .pg-exhibition,.pg-no_caption.look-classic .pg-exhibition{padding:4em 2em}.pg-show_caption.look-box .pg-exhibition,.pg-show_caption.look-box-bright .pg-exhibition,.pg-show_caption.look-box-dark .pg-exhibition,.pg-show_caption.look-classic .pg-exhibition{padding:5em 2em}.pg-exhibition-wrapper .look-modern .gallery .gallery-icon{box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery figure.gallery-item .gallery-icon{padding:1em;background-color:#ededeb;border:.25em solid #333;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery img{box-shadow:inset 0 2px 3px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.05);border-right:.1em solid #fcfcfa;border-left:.1em solid #fcfcfa;border-top:.1em solid #f2f2f0;border-bottom:.1em solid #fdfdfb;padding:.15em;background-color:#fff}.pg-exhibition-wrapper .look-box .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-bright .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-dark .gallery .gallery-icon{padding:1em;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25),inset 0 .25em 1.5em 0 rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery img,.pg-exhibition-wrapper .look-box-bright .gallery img,.pg-exhibition-wrapper .look-box-dark .gallery img{box-shadow:0 .25em 1em rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery figure.gallery-item .gallery-icon{background-color:#777;border:.25em solid #666}.pg-exhibition-wrapper .look-box-dark .gallery figure.gallery-item .gallery-icon{background-color:#555;border:.25em solid #444}.pg-exhibition-wrapper .look-box-bright .gallery figure.gallery-item .gallery-icon{background-color:#999;border:.25em solid #888}.gallery-next,.gallery-prev{width:15%;height:100%;position:absolute;top:0;cursor:pointer;z-index:10}.gallery-prev{left:0}.gallery-next{right:0}.gallery-next span,.gallery-prev span{cursor:pointer;position:absolute;top:50%;text-align:center;padding:7px 2px;margin-top:-15px;font-size:15px;user-select:none;color:#333;font-weight:400;user-select:none;box-sizing:border-box;background-color:rgba(51,51,51,0)}.pg-exhibition .gallery-next span,.pg-exhibition .gallery-prev span{background-color:rgb(51,51,51,0)}.gallery-prev span{left:0;padding-right:10px;border-radius:0 19px 19px 0}.gallery-next span{right:0;padding-left:10px;border-radius:19px 0 0 19px}.gallery-next:hover span,.gallery-prev:hover span{opacity:80%}a.gallery-next:hover span,a.gallery-prev:hover span{background-color:rgba(0,0,0,1);opacity:80%;text-transform:none;text-decoration:none!important;color:#fff}
     1.gallery-columns-1{column-count:1}.gallery-columns-2{column-count:2}.gallery-columns-3{column-count:3}.gallery-columns-4{column-count:4}.gallery-columns-5{column-count:5}.gallery-columns-6{column-count:6}.gallery-columns-7{column-count:7}.gallery-columns-8{column-count:8}.gallery-columns-9{column-count:9}.gallery{column-gap:10px}.gallery figure{margin-bottom:10px;break-inside:avoid}.gallery figure.gallery-item a{display:block}.pg-align_caption .gallery{display:grid}.pg-no_caption .wp-caption-text{display:none;padding:0}.pg-carousel-wrapper .pg-no_caption img{height:calc(100vh - 50px)}.pg-hover_caption .wp-caption-text{position:absolute;bottom:0;left:0;right:0;display:none;background:rgba(255,255,255,.75);z-index:10;color:#000;text-align:center}.pg-hover_caption .gallery-item:active .wp-caption-text,.pg-hover_caption .gallery-item:focus .wp-caption-text,.pg-hover_caption .gallery-item:hover .wp-caption-text{display:block}.pg-hover_caption .gallery img{height:calc(100vh - 50px)}.pg-exhibition-wrapper{scroll-snap-align:start;scroll-snap-stop:always}.pg-carousel-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.pg-carousel .gallery figure.gallery-item,.pg-carousel .gallery figure.gallery-item .gallery-icon,.pg-carousel .gallery figure.gallery-item .gallery-icon img,.pg-carousel .gallery figure.gallery-item figcaption.wp-caption-text,.pg-exhibition .gallery figure.gallery-item,.pg-exhibition .gallery figure.gallery-item .gallery-icon,.pg-exhibition .gallery figure.gallery-item .gallery-icon img,.pg-exhibition .gallery figure.gallery-item figcaption.wp-caption-text{border:none}.pg-carousel .wp-caption-text,.pg-exhibition .wp-caption-text{text-align:right}.pg-carousel.pg-hover_caption .wp-caption-text,.pg-exhibition.pg-hover_caption .wp-caption-text{text-align:center}.pg-carousel-wrapper,.pg-exhibition-wrapper{box-sizing:border-box;display:block;width:100%;height:100%;overflow:hidden;position:relative}.pg-exhibition-wrapper{height:100vh}.pg-carousel,.pg-exhibition{width:100%;height:100%;display:block;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;padding:0;box-sizing:border-box;transition:transform .5s ease-out}.pg-carousel::-webkit-scrollbar,.pg-exhibition::-webkit-scrollbar{display:none}.pg-exhibition{padding:2em 1em}.pg-carousel header{position:absolute;font-size:1.1em;display:block;z-index:10;font-variant:small-caps;-moz-font-feature-settings:'smcp' on;-webkit-font-feature-settings:'smcp' on;-ms-font-feature-settings:'smcp' on;font-feature-settings:'smcp' on}.pg-carousel header{top:0;left:0;right:0;background:linear-gradient(to right,rgba(0,0,0,.9) 0,rgba(0,0,0,0)75%);padding:.5ex 1ex 1ex 1ex;color:#f2f2f2}.pg-carousel:active header,.pg-carousel:focus header,.pg-carousel:hover header{display:none}.pg-carousel .gallery{display:table;height:100%;width:100%;white-space:nowrap;position:relative;margin:10px -20px 10px -10px;padding:0;box-sizing:border-box;overflow:visible}.pg-exhibition .gallery,.pg-exhibition .gallery *{display:flex;justify-content:center;width:auto;height:auto;margin:0;padding:0;position:relative;box-sizing:border-box}.pg-exhibition.pg-no_caption .gallery .wp-caption-text{display:none}.pg-exhibition .gallery .wp-caption-text{text-align:right;line-height:2}.pg-exhibition .gallery{flex-direction:row;align-items:center;overflow:visible;height:100%;width:100%;max-width:100vw;max-height:100vh}.pg-carousel .gallery .gallery-item{display:inline-table;float:none;white-space:normal;width:auto;height:100%;padding:0;margin:0 10px;position:relative;box-sizing:border-box;border:none}.pg-exhibition .gallery .gallery-item{display:none;flex-direction:column;align-items:center;overflow:visible}.pg-exhibition-wrapper .gallery .gallery-icon{overflow:hidden}.pg-exhibition .gallery figure.active{display:flex}.pg-carousel .gallery .gallery-item:first-child{margin-left:0}.pg-carousel .gallery .gallery-item:last-child{margin-right:0}.pg-carousel .gallery img{max-height:100vh;max-width:none;min-width:150px;min-height:150px;width:auto;height:90vh;box-sizing:border-box;border:none;pointer-events:none}.pg-exhibition .gallery img{display:inline-flex;align-self:center;max-width:none;max-height:none;pointer-events:none}.pg-exhibition-wrapper .look-box,.pg-exhibition-wrapper .look-box-bright,.pg-exhibition-wrapper .look-box-dark,.pg-exhibition-wrapper .look-classic,.pg-exhibition-wrapper .look-modern{background:linear-gradient(180deg,#fff,rgba(0,0,0,.005)),radial-gradient(circle at center,#fff 0,rgba(255,255,255,.5) 50%,rgba(200,200,200,.67) 67%,rgba(200,200,200,.75) 75%,#fff 100%)}.pg-no_caption.look-box .pg-exhibition,.pg-no_caption.look-box-bright .pg-exhibition,.pg-no_caption.look-box-dark .pg-exhibition,.pg-no_caption.look-classic .pg-exhibition{padding:4em 2em}.pg-show_caption.look-box .pg-exhibition,.pg-show_caption.look-box-bright .pg-exhibition,.pg-show_caption.look-box-dark .pg-exhibition,.pg-show_caption.look-classic .pg-exhibition{padding:5em 2em}.pg-exhibition-wrapper .look-modern .gallery .gallery-icon{box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery figure.gallery-item .gallery-icon{padding:1em;background-color:#ededeb;border:.25em solid #333;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery img{box-shadow:inset 0 2px 3px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.05);border-right:.1em solid #fcfcfa;border-left:.1em solid #fcfcfa;border-top:.1em solid #f2f2f0;border-bottom:.1em solid #fdfdfb;padding:.15em;background-color:#fff}.pg-exhibition-wrapper .look-box .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-bright .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-dark .gallery .gallery-icon{padding:1em;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25),inset 0 .25em 1.5em 0 rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery img,.pg-exhibition-wrapper .look-box-bright .gallery img,.pg-exhibition-wrapper .look-box-dark .gallery img{box-shadow:0 .25em 1em rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery figure.gallery-item .gallery-icon{background-color:#777;border:.25em solid #666}.pg-exhibition-wrapper .look-box-dark .gallery figure.gallery-item .gallery-icon{background-color:#555;border:.25em solid #444}.pg-exhibition-wrapper .look-box-bright .gallery figure.gallery-item .gallery-icon{background-color:#999;border:.25em solid #888}.gallery-next,.gallery-prev{width:15%;height:100%;position:absolute;top:0;cursor:pointer;z-index:10}.gallery-prev{left:0}.gallery-next{right:0}.gallery-next span,.gallery-prev span{cursor:pointer;position:absolute;top:50%;text-align:center;padding:7px 2px;margin-top:-15px;font-size:15px;user-select:none;color:#333;font-weight:400;user-select:none;box-sizing:border-box;background-color:rgba(51,51,51,0)}.pg-exhibition .gallery-next span,.pg-exhibition .gallery-prev span{background-color:rgb(51,51,51,0)}.gallery-prev span{left:0;padding-right:10px;border-radius:0 19px 19px 0}.gallery-next span{right:0;padding-left:10px;border-radius:19px 0 0 19px}.gallery-next:hover span,.gallery-prev:hover span{opacity:80%}a.gallery-next:hover span,a.gallery-prev:hover span{background-color:rgba(0,0,0,1);opacity:80%;text-transform:none;text-decoration:none!important;color:#fff}

  • photographers-galleries/trunk/photographers-galleries.php

    r2615765 r2615771  
    1515 * Plugin URI:  https://wordpress.org/plugins/photographers-galleries/
    1616 * Description: Enhance your galleries with HTML5, metadata, dynamic galleries and add a lightweight carousel to display a sequence of pictures without distractions.
    17  * Version:     1.0.9
     17 * Version:     1.1.0
    1818 * Author:      Aurélien PIERRE
    1919 * Author URI:  https://photo.aurelienpierre.com
    … …  
    4343
    4444function register_pg_styles() {
    45   wp_register_style('pg-css', plugin_dir_url( __FILE__ ).'css/pg-style.min.css', array(), '1.0.9');
    46   wp_register_script('pg-js', plugin_dir_url( __FILE__ ).'js/pg-script.min.js', array(), '1.0.9', true);
     45  wp_register_style('pg-css', plugin_dir_url( __FILE__ ).'css/pg-style.min.css', array(), '1.1.0');
     46  wp_register_script('pg-js', plugin_dir_url( __FILE__ ).'js/pg-script.min.js', array(), '1.1.0', true);
    4747}
    4848

  • photographers-galleries/trunk/readme.txt

    r2615765 r2615771  
    257257== Changelog ==
    258258
     259= 1.1.0 =
     260
     261Minor CSS height rework for carousels.
     262
    259263= 1.0.9 =
    260264
Note: See TracChangeset for help on using the changeset viewer.