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