1
0
mirror of https://github.com/flarum/core.git synced 2025-07-31 05:30:38 +02:00

Responsive fixes

- Make composer absolutely positioned on mobile to work around iOS 8/9
bug
- Make search results dropdown appear on mobile

closes flarum/core#137
This commit is contained in:
Toby Zerner
2015-08-04 11:27:51 +09:30
parent addb061458
commit e6e2cdd3e9
4 changed files with 38 additions and 3 deletions

View File

@@ -113,6 +113,7 @@
background: @body-bg;
&:not(.minimized) {
position: absolute;
top: 0;
height: 100vh !important;
padding-top: @header-height-phone;
@@ -120,6 +121,7 @@
&:before {
content: " ";
.header-background();
position: absolute;
opacity: 0;
.visible& {
@@ -128,14 +130,28 @@
}
& .Composer-controls {
position: static;
z-index: @zindex-header + 1;
li:not(.App-backControl) {
display: none;
}
.App-backControl {
position: absolute !important;
}
}
}
}
.composer-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: @zindex-composer - 1;
background-color: @overlay-bg;
opacity: 0.9;
}
.ComposerBody-content {
.minimized & {
margin-right: 50px;