Force vertical orientation for the toolbar

Bug-AGL: SPEC-3497

Signed-off-by: Antia Puentes <apuentes@igalia.com>
Change-Id: Ie11bdc8ee09c058c6d540add76ef120f703c7cb7

2 files changed, 4 insertions, 27 deletions

diff --git a/src/styles/app.scss b/src/styles/app.scss
index d84e54a..1e64205 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -6,35 +6,12 @@ $colors: (
   background:       #363636
 );
 @import "~bootstrap/scss/bootstrap";
-@media (max-device-width: 720px) and (orientation: portrait) {
-    $header_size: 145px;
-
-    @import "main.scss";
-    @import "portrait.scss";
-    @import "720.scss";
-}
-
-@media (max-device-width: 1280px) and (orientation: landscape) {
-    $header_size: 145px;
-
-    @import "main.scss";
-    @import "landscape.scss";
-    @import "720.scss";
-}
-
-@media (min-device-width: 1080px) and (orientation: portrait) {
-    $header_size: 218px;
-
-    @import "main.scss";
-    @import "portrait.scss";
-    @import "1080.scss";
-}
-
-@media (min-device-width: 1920px) and (orientation: landscape) {
+@media all {
     $header_size: 218px;
 
     @import "main.scss";
     @import "landscape.scss";
     @import "1080.scss";
 }
+
 @import "~@fortawesome/fontawesome-free/css/all.min.css";
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index c8105bb..0eace9f 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -1,4 +1,4 @@
-@media (orientation: landscape) {
+@media all {
 
     html {
         background-image: url('../images/horizontal_background.png');
@@ -46,4 +46,4 @@
         }
 
     }
-}
\ No newline at end of file
+}