This post has been updated. As of beta 16 most of the CSS patches I had here are now fixed. They are still pasted below in this thread in case someone ever needs them. All that is left in this first post now is a fix I personally need for the User Directory extension, and then a few other small things you may or may not like or need.
An alternative post box arrangement for mobile:
If you use a lot of extensions which add things to the top of the post box (polls and other buttons/fields) you can try this... @SqueakyBlum provides another solution in the replies below which you could try as well.
@media (max-width: 767px) {
.ComposerBody-header li:nth-child(n+2):nth-child(-n+4) {
display: inline-block;
border-bottom: 0;
margin-right: -15px;
}
}
If you use the Directory extension:
This ensures that the menu shows. On my iPhone it is behind the semi-transparent background.
.UserDirectoryList .UserCard--directory .Dropdown-menu {
z-index: 1020 !important;
}
Center post images on mobile (but leave emoji alone):
@media (max-width: 767px) {
.Post-body img {
margin-left: auto;
margin-right: auto;
display: block;
}
}
@media (max-width: 767px) {
.Post-body img.emoji {
display: inline;
}
}
Responsive video:
(YouTube too, thanks @Arnold)
.video, span[data-s9e-mediaembed="youtube"] {
width: 100%;
max-width: 100% !important;
height: auto;
}
