fix: resize gif without the toolbar and with

Author: peterpeterparker

studio/src/app/pages/editor/app-editor/app-editor.tsx

@@ -129,8 +129,13 @@ export class AppEditor {
     }
 
     @Listen('document:mouseInactivity')
-    inactivity($event: CustomEvent) {
+    async inactivity($event: CustomEvent) {
         this.displaying = !$event.detail;
+
+        // Wait a bit for the display/repaint of the footer
+        setTimeout(async () => {
+            await this.initSlideSize();
+        }, 100);
     }
 
     @Listen('keyup')

studio/src/components.d.ts

@@ -8,9 +8,9 @@
 import '@stencil/core';
 
 import '@ionic/core';
-import 'ionicons';
 import 'deckdeckgo';
 import 'deckdeckgo-inline-editor';
+import 'ionicons';
 import {
   EventEmitter,
 } from '@stencil/core';

webcomponents/core/src/components/deck/deckdeckgo-deck/deckdeckgo-deck.tsx

@@ -120,8 +120,10 @@ export class DeckdeckgoDeck {
 
       if (DeckdeckgoUtils.isIOS()) {
         slider.style.setProperty('--slide-width', '' + screen.width + 'px');
+        slider.style.setProperty('--slide-height', '' + screen.height + 'px');
       } else {
         slider.style.setProperty('--slide-width', '' + window.innerWidth + 'px');
+        slider.style.setProperty('--slide-height', '' + window.innerHeight + 'px');
       }
 
       resolve();

webcomponents/core/src/components/extra/deckdeckgo-gif/deckdeckgo-gif.scss

@@ -36,6 +36,8 @@ div.deckgo-gif {
     height: var(--slide-height);
 
     --width: var(--slide-width);
+    --height: var(--slide-height);
+
     overflow: hidden;
 
     img {