Changeset 2180409

Timestamp:

10/25/2019 10:43:02 PM (6 years ago)

Author:

iseulde

Message:

v0.0.21

Location:

slide/trunk

Files:

• common.css (modified) (1 diff)
• index.css (modified) (2 diffs)
• index.js (modified) (7 diffs)
• index.php (modified) (1 diff)
• readme.md (modified) (1 diff)
• template.php (modified) (1 diff)

slide/trunk/common.css

@@ -160 +160 @@
     font-size: 2em !important;
 }
+
+.alignfull img,
+.alignfull video,
+.alignwide img,
+.alignwide video {
+    width: 100%;
+    display: block;
+}
+
+.wp-block-slide-slide *:last-child {
+    margin-bottom: 0 !important;
+}

slide/trunk/index.css

@@ -46 +46 @@
 .wp-block[data-align=wide] {
     max-width: none;
+}
+
+.wp-block[data-align="wide"] video,
+.wp-block[data-align="full"] video {
+    width: 100%;
+    display: block;
 }
 
@@ -105 +111 @@
     left: 0;
     right: 0;
+    background-repeat: no-repeat;
 }
 

slide/trunk/index.js

@@ -19 +19 @@
   const { PluginDocumentSettingPanel } = editPost;
   const { useSelect, useDispatch, subscribe, select, dispatch } = data;
-  const { TextareaControl, ColorPicker, PanelBody, RangeControl, SelectControl, ToggleControl, Button, FocalPointPicker, ExternalLink, Notice, TextControl, RadioControl } = components;
+  const { TextareaControl, PanelBody, RangeControl, SelectControl, ToggleControl, Button, FocalPointPicker, ExternalLink, Notice, TextControl, RadioControl } = components;
   const { MediaUpload, __experimentalGradientPickerControl, InnerBlocks, InspectorControls, RichTextToolbarButton, ColorPalette } = blockEditor;
   const { addQueryArgs } = url;
@@ -554 +554 @@
       },
       backgroundOpacity: {
+        type: 'string'
+      },
+      backgroundSize: {
         type: 'string'
       },
@@ -664 +667 @@
                     backgroundUrl: undefined,
                     backgroundId: undefined,
+                    backgroundSize: undefined,
                     focalPoint: undefined
                   });
@@ -688 +692 @@
                   backgroundUrl: undefined,
                   backgroundId: undefined,
+                  backgroundSize: undefined,
                   focalPoint: undefined
                 });
@@ -707 +712 @@
               onChange: (value) => setAttributes({
                 backgroundOpacity: value + ''
+              })
+            }),
+            !!attributes.backgroundUrl && e(RadioControl, {
+              label: __('Size', 'slide'),
+              selected: attributes.backgroundSize,
+              options: [
+                { label: __('Cover'), value: 'cover' },
+                { label: __('Contain'), value: 'contain' }
+              ],
+              onChange: (backgroundSize) => setAttributes({
+                backgroundSize
               })
             })
@@ -771 +787 @@
                 backgroundImage: attributes.backgroundUrl ? `url("${attributes.backgroundUrl}")` : undefined,
                 backgroundPosition: attributes.focalPoint ? `${attributes.focalPoint.x * 100}% ${attributes.focalPoint.y * 100}%` : undefined,
+                backgroundSize: attributes.backgroundSize ? attributes.backgroundSize : undefined,
                 opacity: attributes.backgroundOpacity ? attributes.backgroundOpacity / 100 : undefined
               }
@@ -797 +814 @@
         'data-background-position': attributes.focalPoint ? `${attributes.focalPoint.x * 100}% ${attributes.focalPoint.y * 100}%` : undefined,
         'data-background-opacity': attributes.backgroundOpacity ? attributes.backgroundOpacity / 100 : undefined,
-        'data-background-iframe': attributes.backgroundIframeUrl ? attributes.backgroundIframeUrl : undefined
+        'data-background-iframe': attributes.backgroundIframeUrl ? attributes.backgroundIframeUrl : undefined,
+        'data-background-size': attributes.backgroundSize ? attributes.backgroundSize : undefined
       },
       e(InnerBlocks.Content)

slide/trunk/index.php

@@ -5 +5 @@
  * Plugin URI:  https://wordpress.org/plugins/slide/
  * Description: Allows you to create presentations with the block editor.
- * Version:     0.0.20
+ * Version:     0.0.21
  * Author:      Ella van Durpe
  * Author URI:  https://ellavandurpe.com

slide/trunk/readme.md

@@ -6 +6 @@
     Requires PHP:      5.6
     Tested up to:      5.3
-    Stable tag:        0.0.20
+    Stable tag:        0.0.21
     License:           GPL-2.0-or-later
     License URI:       http://www.gnu.org/licenses/gpl-2.0.html

slide/trunk/template.php

@@ -184 +184 @@
             document.querySelectorAll( '.alignfull' ).forEach( ( element ) => {
                 element.style.width = 100 / event.scale + 'vw';
-                element.style.maxHeight = 84 / event.scale + 'vh';
+                element.style.maxHeight = 100 / event.scale + 'vh';
             } );
         } );