Closes#4123, closes#4114, references #4105
- Rewrite to use flexbox for über mobile goodness
- Fixes tag suggestions (using the new dropdown style)
- Fixes vertical alignment
Closes#4088
- Fix Flexbox issue with the user list
- Fix positioning issue with the mobile menu toggle icon
- Make the mobile settings nav use absolute positioning (as fixed elements don't move inside a `transform: translate(...);` parent
Closes#4050
- Full-width invite user modal button
- `<select>` can be focused in Firefox
- Increase size of background images for avatars
- Add `-moz-osx-font-smoothing: grayscale;` to icons
Closes#4032
- Created "mobile" views: `parent-view`, `content-view` and `index-view`
- `mobile/parent-view` has three callbacks for managing layout, and a mediaQuery listener to keep in sync with the user
- content-view and index-view use their parent-views callbacks to bring themselves into and out of the viewport as appropriate
- fixed media queries for post content list from 800px to 900px
- Created `mobile-index-route` to intelligently transition to a new route on desktops (used by both PostsIndexRoute and SettingsIndexRoute)
- Extract mobile interactions from settings views to new mobile utility views
- `js-` prefixed settings view transitions
- removed unused openEditor action from PostsRoute
- removed unused mobile util "responsiveAction"
No issue
- Changes the class used by the transparent div used to close the PSM
Without this change, when in the editor and the nav is open, the transparent div here is above the div the nav is looking for. So, the div for the PSM is clicked, rather than the nav div.
References #3810
- Re-adds the icons for each item of the settings nav and related styles
I've opted to go with adding `.icon-users` classes instead of setting them in the Sass.
References #3810, #3944
- Fixes several small visual bugs with the user settings page
- Changes `.settings-subview-header` to use a clearfix instead of `overflow: hidden;` (fixing style issues in #3944)
No issue
- Corrects the syntax used for the floating header gradient so it now gets prefixed correctly for Firefox
- Removes padding from `<button>` elements (fixes padding around images in buttons)
- Adds display: block; to settings images to prevent a Webkit bug which adds space under the image
