Merge pull request #972 from deckgo/remote-aspect-ratio

feat: femote aspect ratio preserved (16/9)
deckgo · Oct 23, 2020 · 1bc1eb9 · 1bc1eb9
2 parents 470672b + a5c3769
commit 1bc1eb9
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,7 +6,7 @@
 
 - demo: v5.1.0 ([CHANGELOG](https://github.com/deckgo/demo/blob/master/CHANGELOG.md))
 - docs: v2.5.1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/docs/CHANGELOG.md))
-- remote: v1.9.1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/remote/CHANGELOG.md))
+- remote: v1.10.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/remote/CHANGELOG.md))
 
 ### Web Components: New
 

diff --git a/README.md b/README.md
@@ -46,7 +46,7 @@ Are you interested to contribute to our open source project? That would be aweso
 | Project            | Version                                                                                                                       | Online                                                     |                   Links                   |                               Changelog                                |
 | ------------------ | ----------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | :---------------------------------------: | :--------------------------------------------------------------------: |
 | **Studio**         | [![version](https://img.shields.io/static/v1.svg?label=production&message=v2.3.0&color=success)](https://deckdeckgo.com)      | [https://deckdeckgo.com](https://deckdeckgo.com)           |       [`README`](studio/README.md)        |                   [`CHANGELOG`](studio/CHANGELOG.md)                   |
-| **Remote control** | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.9.1&color=success)](https://deckdeckgo.app)      | [https://deckdeckgo.app](https://deckdeckgo.app)           |       [`README`](remote/README.md)        |                   [`CHANGELOG`](remote/CHANGELOG.md)                   |
+| **Remote control** | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.10.0&color=success)](https://deckdeckgo.app)     | [https://deckdeckgo.app](https://deckdeckgo.app)           |       [`README`](remote/README.md)        |                   [`CHANGELOG`](remote/CHANGELOG.md)                   |
 | **Documentation**  | [![version](https://img.shields.io/static/v1.svg?label=production&message=v2.5.1&color=success)](https://docs.deckdeckgo.com) | [https://docs.deckdeckgo.com](https://docs.deckdeckgo.com) |        [`README`](docs/README.md)         |                    [`CHANGELOG`](docs/CHANGELOG.md)                    |
 | **Demo**           | [![version](https://img.shields.io/static/v1.svg?label=production&message=v5.1.0&color=success)](https://demo.deckdeckgo.com) | [https://demo.deckdeckgo.com](https://demo.deckdeckgo.com) | [`Repo`](https://github.com/deckgo/demo/) | [`CHANGELOG`](https://github.com/deckgo/demo/blob/master/CHANGELOG.md) |
 

diff --git a/remote/CHANGELOG.md b/remote/CHANGELOG.md
@@ -1,3 +1,9 @@
+# 1.10.0 (2020-10-23)
+
+### Features
+
+- preserve aspect ratio 16/9 ([#551](https://github.com/deckgo/deckdeckgo/issues/551))
+
 # 1.9.1 (2020-10-23)
 
 ### Build

diff --git a/remote/package-lock.json b/remote/package-lock.json
diff --git a/remote/package.json b/remote/package.json
@@ -1,6 +1,6 @@
 {
   "name": "deckdeckgo-remote",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "author": "David Dal Busco",
   "description": "Present and interact with your lightweight DeckDeckGo's presentation",
   "license": "AGPL-3.0-or-later",

diff --git a/remote/src/app/pages/app-remote/app-remote.scss b/remote/src/app/pages/app-remote/app-remote.scss
@@ -22,15 +22,15 @@ app-remote {
     .deck-container {
       display: grid;
       grid-template-columns: 1fr 1fr;
-      grid-template-rows: 1fr 1fr;
+      grid-template-rows: calc((100vw - 32px) * 9 / 16) 1fr;
       grid-template-areas:
         "deck deck"
         "prev next";
       height: calc(100% - 70px);
       grid-gap: 16px;
 
       @media screen and (orientation: landscape) {
-        grid-template-rows: 4fr 2fr;
+        grid-template-rows: calc((((100vw - 32px) / 2) - 16px) * 9 / 16) 2fr;
       }
 
       .deck {