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

Significantly improve mobile UX

Most of #137 done.

- Use FastClick to make everything feel more responsive
- Use transforms for animations to make them silky smooth
- Style the drawer the same as the header to keep things simple
- Revert to fixed composer, but allow it to be minimised
- Add a separate notifications page for mobile so it’s easy to go back
- Add indicator to the menu button when there are unread notifications
- Close the drawer when navigating away
- Make dropdowns/modals scrollable
- Many other mobile tweaks and bug fixes

Didn’t take much care to keep CSS clean, due to #103
This commit is contained in:
Toby Zerner
2015-06-24 11:44:53 +09:30
parent b4dcc02520
commit e466dcc626
33 changed files with 538 additions and 292 deletions

View File

@@ -146,11 +146,13 @@
}
@media @phone {
.discussion-list > ul > li {
padding-right: 45px;
.discussion-list {
margin: 0 -15px;
& .contextual-controls {
display: none;
& > ul > li {
& .contextual-controls {
display: none;
}
}
}
}
@@ -271,8 +273,12 @@
@media @phone {
.discussion-summary {
padding-left: 45px;
padding-right: 45px;
padding-left: 15px + 45px;
padding-right: 15px + 35px;
&:active {
background: @fl-body-secondary-color;
}
& .author {
margin-left: -45px;
@@ -294,9 +300,10 @@
}
& .title {
font-size: 14px;
text-decoration: none !important;
}
& .count {
margin-right: -45px;
margin-right: -35px;
background: @fl-body-control-bg;
color: @fl-body-control-color;
border-radius: @border-radius-base;