Merge branch '904-breakpoint-sidebar' into 'develop'

Fix #904: Fixed a responsive display issues on 1024px wide screens

Closes #904

See merge request funkwhale/funkwhale!890

changes/changelog.d/904.bugfix

+Fixed a responsive display issues on 1024px wide screens (#904)

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;
   }
 }

front/src/style/_main.scss

@@ -84,7 +84,7 @@ $widedesktop-sidebar-width: 350px;
 
 html,
 body {
-  @include media("<desktop") {
+  @include media("<=desktop") {
     font-size: 90%;
   }
 }