WordPress.org
Get WordPress

Plugin Directory

Changeset 2176212


Ignore:
Timestamp:
10/19/2019 09:18:46 PM (6 years ago)
Author:
iseulde
Message:

v0.0.12

Location:
slide/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • slide/trunk/index.php

    r2175862 r2176212  
    55 * Plugin URI:  https://wordpress.org/plugins/slide/
    66 * Description: Allows you to create presentations with the block editor.
    7  * Version:     0.0.11
     7 * Version:     0.0.12
    88 * Author:      Ella van Durpe
    99 * Author URI:  https://ellavandurpe.com
    … …  
    196196        remove_theme_support( 'editor-color-palette' );
    197197        remove_theme_support( 'editor-font-sizes' );
     198        add_theme_support( 'align-wide' );
    198199    }, 99999 );
    199200}

  • slide/trunk/readme.md

    r2175862 r2176212  
    66    Requires PHP:      5.6
    77    Tested up to:      5.3
    8     Stable tag:        0.0.11
     8    Stable tag:        0.0.12
    99    License:           GPL-2.0-or-later
    1010    License URI:       http://www.gnu.org/licenses/gpl-2.0.html

  • slide/trunk/template.php

    r2175862 r2176212  
    9292
    9393        .wp-block-media-text {
     94            /* Maybe table? */
    9495            display: flex;
    9596        }
    … …  
    9899        .wp-block-media-text__content {
    99100            flex-basis: 50%;
     101        }
     102
     103        .alignfull {
     104            width: 100vw;
     105            left: 50%;
     106            position: relative;
     107            transform: translate(-50%, 0);
     108            max-width: none;
     109            max-height: 100vh;
    100110        }
    101111    </style>
    … …  
    124134            width: <?php echo get_post_meta( get_the_ID(), 'presentation-width', true ) ?: '960'; ?>,
    125135            margin: 0.08,
     136            // minScale: 1,
     137            // maxScale: 1,
     138        } );
     139        document.querySelectorAll( '.alignfull' ).forEach( ( element ) => {
     140            element.style.transform = `translate(-50%, 0) scale(${ 1 / Reveal.getScale() })`;
     141        } );
     142        document.querySelectorAll( '.wp-block-media-text' ).forEach( ( element ) => {
     143            const percentage = parseInt( element.style.gridTemplateColumns, 10 );
     144
     145            element.classList.remove( 'is-image-fill' )
     146
     147            if ( percentage === 50 ) {
     148                return;
     149            }
     150
     151            element.querySelector( '.wp-block-media-text__media' )
     152                .style.flexBasis = `${ percentage }%`;
     153            element.querySelector( '.wp-block-media-text__content' )
     154                .style.flexBasis = `${ 100 - percentage }%`;
     155        } );
     156        Reveal.addEventListener( 'resize', function( event ) {
     157            document.querySelectorAll( '.alignfull' ).forEach( ( element ) => {
     158                element.style.transform = `translate(-50%, 0) scale(${ 1 / event.scale })`;
     159            } );
    126160        } );
    127161        window.addEventListener( 'DOMContentLoaded', function() {
Note: See TracChangeset for help on using the changeset viewer.