mirror of
https://github.com/flarum/core.git
synced 2025-07-28 12:10:51 +02:00
c9401ce150
Since Mobile Safari automatically resizes iframes to fit their content, we need to avoid using position:fixed. In this commit we: - Eliminate use of position:fixed for dropdowns. They are instead displayed statically, like on desktop. - Reposition modals when they are shown according to the parent window's scroll position. - Tweak the toolbar's appearance and height on mobile.
84 lines
1.2 KiB
Plaintext
84 lines
1.2 KiB
Plaintext
.container {
|
|
width: auto;
|
|
padding: 0 20px;
|
|
|
|
@media @phone {
|
|
padding: 0;
|
|
}
|
|
}
|
|
.App {
|
|
padding-top: 0;
|
|
min-height: 0;
|
|
|
|
&:before {
|
|
display: none;
|
|
}
|
|
}
|
|
.App-content {
|
|
border-top: 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;
|
|
}
|
|
}
|
|
}
|