From 7e6b6663b0ff9d4b387838a8c662390deb098291 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Sun, 15 Sep 2019 19:34:09 +0200
Subject: [PATCH] Fix #904: Fixed a responsive display issues on 1024px wide
 screens

---
 changes/changelog.d/904.bugfix   | 1 +
 front/src/components/Sidebar.vue | 4 ++--
 front/src/style/_main.scss       | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 changes/changelog.d/904.bugfix

diff --git a/changes/changelog.d/904.bugfix b/changes/changelog.d/904.bugfix
new file mode 100644
index 000000000..f4df441c7
--- /dev/null
+++ b/changes/changelog.d/904.bugfix
@@ -0,0 +1 @@
+Fixed a responsive display issues on 1024px wide screens (#904)
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 81b498034..d35d040d6 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -342,7 +342,7 @@ $sidebar-color: #3d3e3f;
       display: none !important;
     }
   }
-  @include media("<desktop") {
+  @include media("<=desktop") {
     position: static !important;
     width: 100% !important;
     &.collapsed {
@@ -397,7 +397,7 @@ $sidebar-color: #3d3e3f;
   flex-direction: column;
   overflow-y: auto;
   justify-content: space-between;
-  @include media("<desktop") {
+  @include media("<=desktop") {
     max-height: 500px;
   }
 }
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index c53edd14c..6ebafced3 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -84,7 +84,7 @@ $widedesktop-sidebar-width: 350px;
 
 html,
 body {
-  @include media("<desktop") {
+  @include media("<=desktop") {
     font-size: 90%;
   }
 }
-- 
GitLab