feat(#49): improve template qr code padding on mobile devices

peterpeterparker · peterpeterparker · commit 0afcaa601e6e · 2019-02-03T13:41:10.000+01:00
diff --git a/src/components/slides/deckdeckgo-slide-qrcode/deckdeckgo-slide-qrcode.tsx b/src/components/slides/deckdeckgo-slide-qrcode/deckdeckgo-slide-qrcode.tsx
@@ -51,7 +51,7 @@ export class DeckdeckgoSlideQrcode implements DeckdeckgoSlide {
         const qrCode: HTMLElement = container.querySelector('deckgo-qrcode');
 
         if (qrCode) {
-          qrCode.style.setProperty('--deckgo-qrcode-size', (width > height ? height : width) + 'px');
+          qrCode.style.setProperty('--deckgo-qrcode-size', width > height ? (height + 'px') : ('calc('  + width + 'px - 32px)'));
         }
       }
 

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ export class DeckdeckgoSlideQrcode implements DeckdeckgoSlide {`
`51`	`51`	`const qrCode: HTMLElement = container.querySelector('deckgo-qrcode');`
`52`	`52`
`53`	`53`	`if (qrCode) {`
`54`		`- qrCode.style.setProperty('--deckgo-qrcode-size', (width > height ? height : width) + 'px');`
	`54`	`+ qrCode.style.setProperty('--deckgo-qrcode-size', width > height ? (height + 'px') : ('calc(' + width + 'px - 32px)'));`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`