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