framework/extensions/embed/less/forum/extension.less
Toby Zerner 675412f181 More mobile UX improvements
- Reposition the composer when shown
- Make preview button scroll the parent frame down
- Fix iframe infinite height loop
2015-11-23 10:10:26 +10:30

89 lines
1.3 KiB
Plaintext

.container {
width: auto;
padding: 0 20px;
@media @phone {
padding: 0;
}
}
.App {
padding-top: 0;
min-height: 0;
overflow: hidden;
&:before {
display: none;
}
}
.App-content {
border-top: 0;
min-height: 0;
}
.DiscussionPage-nav--embed {
@media @tablet-up {
height: 70px;
}
> ul {
z-index: 100;
background: @body-bg;
list-style: none;
padding: 15px 0;
margin: 0;
border-bottom: 1px solid @control-bg;
@media @tablet-up {
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 15px 15px;
}
> li {
margin: 0 15px 0 0;
display: inline-block;
}
.item-replies {
@media @phone {
display: block;
margin-bottom: 10px;
}
h3 {
font-weight: normal;
margin: 0;
&, a {
color: @muted-color;
}
}
}
}
}
.DiscussionPage-stream {
margin-right: 0;
}
.Post-stream {
margin-top: 0;
}
@media @phone {
.Dropdown .Dropdown-menu {
position: absolute;
bottom: auto;
top: auto;
right: auto !important;
padding-bottom: 0 !important;
.transition(none);
&.Dropdown-menu--right {
left: auto !important;
right: 0 !important;
}
}
.Composer:not(.minimized) {
height: 400px !important;
}
}