feat: add information for the code scrolling on mobile devices

deckgo · Jan 20, 2019 · f0eac31 · f0eac31
1 parent de79848
commit f0eac31
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/index.html b/src/index.html
@@ -150,6 +150,11 @@ <h1 slot="title">Or the template for charts</h1>
 
             <deckgo-slide-code src="./assets/code/deckdeckgo-slide-code-example.txt" style="--code-margin-bottom: 6rem; --background: var(--ion-color-dark); --color: var(--ion-color-light); --code-color: var(--ion-color-light);">
                 <h2 slot="title">Showcase your code</h2>
+
+                <div slot="info" padding style="--deckgo-show-info-background: rgba(var(--ion-color-dark-rgb), 0.8)">
+                    <p text-center>Tips: click on the code to switch between horizontal and vertical scroll</p>
+                    <ion-icon name="move" style="font-size: 4rem;"></ion-icon>
+                </div>
             </deckgo-slide-code>
 
             <deckgo-slide-title reveal="true">