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:
@@ -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 {
|
||||
|
Reference in New Issue
Block a user