1
0
mirror of https://github.com/flarum/core.git synced 2025-08-05 16:07:34 +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 856ebe9d42
commit 7154558239
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;

View File

@@ -1,3 +1,6 @@
.Search {
position: relative;
}
@media @tablet-up {
.Search {
input:focus, &.active input, .Search-results {
@@ -11,6 +14,10 @@
left: auto;
right: 0;
@media @phone {
left: 0;
}
> li > a {
white-space: normal;
}