feat(#471): styles and slot

deckgo · Nov 19, 2019 · 35dd866 · 35dd866
1 parent 5f66840
commit 35dd866
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/studio/src/app/popovers/editor/app-create-slide/app-create-slide.scss b/studio/src/app/popovers/editor/app-create-slide/app-create-slide.scss
@@ -154,6 +154,8 @@ app-create-slide {
 
       --slide-poll-grid-column-gap: 0;
 
+      --deckgo-qrcode-size: 56px;
+
       --deckgo-chart-fill-color-answer-1: var(--ion-color-primary);
       --deckgo-chart-fill-color-answer-2: var(--ion-color-secondary);
       --deckgo-chart-fill-color-answer-3: var(--ion-color-tertiary);

diff --git a/studio/src/app/utils/editor/create-slides.utils.tsx b/studio/src/app/utils/editor/create-slides.utils.tsx
@@ -310,9 +310,12 @@ export class CreateSlidesUtils {
                 answerSlots.push(<h2 slot={`answer-${i + 1}`}>{answer}</h2>);
             });
 
-            const slide: JSX.IntrinsicElements = <deckgo-slide-poll key={uuid()}>
+            const slide: JSX.IntrinsicElements = <deckgo-slide-poll key={uuid()} poll-link={'https://poll.deckdeckgo.com'}>
                 {questionSlot}
                 {...answerSlots}
+
+                <p slot="how_to">Go to <a href="https://poll.deckdeckgo.com">poll.deckdeckgo.com</a> and use the code {0}</p>
+                <p slot="awaiting_votes">Awaiting votes</p>
             </deckgo-slide-poll>;
 
             resolve(slide);