MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
This commit is contained in:
Eliot Berriot 2019-09-16 10:01:06 +02:00
parent efd4f38904 7e6b6663b0
commit 3a9f2cde37
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changes/changelog.d/904.bugfix Normal file
View File

@ -0,0 +1 @@
Fixed a responsive display issues on 1024px wide screens (#904)

4
front/src/components/Sidebar.vue
View File

@ -342,7 +342,7 @@ $sidebar-color: #3d3e3f;
display: none !important; display: none !important;
} }
} }
@include media("<desktop") { @include media("<=desktop") {
position: static !important; position: static !important;
width: 100% !important; width: 100% !important;
&.collapsed { &.collapsed {
@ -397,7 +397,7 @@ $sidebar-color: #3d3e3f;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
justify-content: space-between; justify-content: space-between;
@include media("<desktop") { @include media("<=desktop") {
max-height: 500px; max-height: 500px;
} }
} }

2
front/src/style/_main.scss
View File

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