feat(#31): don't display title on gif slide if fullscreen

Author: peterpeterparker

src/components/slides/deckdeckgo-slide-gif/deckdeckgo-slide-gif.scss

@@ -1,5 +1,11 @@
 @import "../deckdeckgo-slide";
 
+:host(.deckgo-slide-container-fullscreen) {
+  ::slotted([slot="title"]) {
+    display: none;
+  }
+}
+
 div.deckgo-slide {
   flex-direction: column;
   align-items: flex-start;

src/components/slides/deckdeckgo-slide-gif/deckdeckgo-slide-gif.tsx

@@ -79,7 +79,8 @@ export class DeckdeckgoSlideGif implements DeckdeckgoSlide {
   hostData() {
     return {
       class: {
-        'deckgo-slide-container': true
+        'deckgo-slide-container': true,
+        'deckgo-slide-container-fullscreen': this.fullscreen
       }
     }
   }

src/index.html

@@ -40,6 +40,7 @@ <h2>David Dal Busco</h2>
   </deckgo-slide-author>
 
   <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My title" fullscreen="true">
+    <h1 slot="title">Gif</h1>
     <h1 slot="header">Hey Sani</h1>
     <h2 slot="footer" style="--background: white; --color: blue;">Cool?</h2>
   </deckgo-slide-gif>