1
0
mirror of https://github.com/flarum/core.git synced 2025-08-07 00:47:00 +02:00

Improve composer appearance/usability on mobile

On mobile:
- Move submit button to right side of toolbar
- Move first header item to toolbar
- Size textarea correctly
This commit is contained in:
Toby Zerner
2015-11-21 13:16:05 +10:30
parent 86dd1ac9f4
commit e8836bad46
6 changed files with 29 additions and 9 deletions

View File

@@ -142,6 +142,9 @@
}
}
}
.Composer-controls .fa-minus:before {
content: @fa-var-times;
}
.composer-backdrop {
position: fixed;
top: 0;
@@ -172,6 +175,17 @@
border-bottom: 0;
padding: 15px;
}
.normal &:first-child {
margin: -@header-height-phone 50px 0;
text-align: center;
position: relative;
z-index: @zindex-header + 1;
border: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
h3 {
&, a, input {
@@ -184,10 +198,9 @@
}
.ComposerBody-editor {
padding: 15px;
textarea {
height: 50vh !important;
}
}
.ComposerBody-editor .TextEditor-controls .item-submit {
position: absolute !important;
}
}
@@ -284,6 +297,9 @@
font-size: 16px;
}
}
.ComposerBody--discussion .ComposerBody-header .item-title {
display: none;
}
}
@media @desktop-up {