Commit Graph

53 Commits

Author SHA1 Message Date
Matt Enlow
75dee2f283 Merge pull request #4041 from felixrieseberg/psm-coverimages
PSM: Cover Images
2014-09-16 15:37:33 -06:00
Felix Rieseberg
56ca345bf6 PSM: Cover Images
closes #3885
2014-09-16 13:32:43 -07:00
Matt Enlow
e48b5edbb4 Abstract mobile transition interactions
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"
2014-09-16 07:28:03 -06:00
John O'Nolan
bff7a7ca55 Merge pull request #4014 from PaulAdamDavis/fix-mobile-nav-click
Change class for editor PSM closing transparent div
2014-09-12 14:51:05 +02:00
Paul Adam Davis
0cb495d4a0 Change class for editor PSM closing transparent div
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.
2014-09-11 16:38:57 +01:00
Matt Enlow
1d673eab03 Merge pull request #4011 from PaulAdamDavis/fix-notifications
Fix notification position when PSM is open
2014-09-11 08:48:31 -06:00
Paul Adam Davis
4a00599bc7 Fix notification position when PSM is open
Closes #4006

- Adds a transition to the notification containers
- Adjusts the position of bottom notifications when PSM is open
2014-09-11 12:57:41 +01:00
Paul Adam Davis
a2aa18fee4 Fix modal positioning
Closes #4008

- Adds a `.modal` class which extends `%modal` - it disappeared with the migration to Libsass
2014-09-10 19:34:39 +01:00
Paul Adam Davis
d743e466b5 [WIP] Wire up new mobile nav
References #3810

With GUI2, there's now a number of places to open the mobile navigation menu. This handles those clicks.
2014-09-10 18:33:27 +01:00
Matt Enlow
1e29e61873 Merge pull request #3965 from halfdan/3936-psm-1
PSM Step 1
2014-09-10 09:35:21 -06:00
Fabian Becker
0e779e7c37 Post Settings Menu - Step 1
closes #3936
- Implement new PSM
- Hook up close action
- Automatically close when view is destroyed
- Close on click and when pressing ESC
2014-09-10 17:31:19 +02:00
Jamie Knight
4eee1b4cde Improve keyboard support
issue #3964
- added :focus selector to improve keyboard support in modern browsers
- added :active selector to improve keyboard support in old IE
2014-09-10 01:51:25 +01:00
Paul Adam Davis
c65b6c3736 Static integration of the new PSM
Reference #3932

Take this, and make it work.
2014-09-02 22:07:13 +01:00
Paul Adam Davis
d7ba24d8b7 Fix notification styles
No issue

I'm not sure why, but @extend's here using placeholder selectors, not classes, work.

This fixes the notification and modal styles, which meant changing how the default button selector works. It is now a placeholder, and a real class extends that. The modal styles extended the default button style, which can now happen.
2014-08-31 20:56:05 +01:00
Paul Adam Davis
8e7b8f8bfa Swap out Ruby Sass for Node Sass
- Uses Node Bourbon https://www.npmjs.org/package/node-bourbon
- Produces source maps
- Removed all ruby dependencie

History:
- Remove bourbon from package and cleanup grunt tasks
- Un-bourbon keyframe animations
- Un-bourbon transitions
- Un-bourbon box-sizing
- Un-bourbon font-feature-settings
- Import bourbon clearfix mixin
- Un-bourbon linear gradients
- Un-bourbon input types
- Un-bourbon positions
- Un-bourbon transforms
- Un-bourbon notification animations
- Un-bourbon uploader box-sizing
- Un-bourbon border-radius
- Un-bourbon splitbutton transitions
- Add triangle mixin
- Un-bourbon default container positioning
- Un-bourbon flexbox properties
- Fix triangle mixin - It now has the same output as the Bourbon mixin
- Add autoprefixer
- Correct global default font size
- Remove unwanted prefixes - Because, y'know, autoprefixer
- Output from node sass migration - Includes all the files we usually have, plus source maps
2014-08-30 14:13:36 +01:00
Nicola Mustone
c6cb72b629 fix username length 2014-08-21 10:07:11 +02:00
Paul Adam Davis
dc9323b4bb Reimplement notification close button hit area size
Essentially, this: 087868c1c9
2014-08-19 15:31:18 +01:00
Paul Adam Davis
cfe957d2ef Prevent nav items from wrapping 2014-08-19 15:27:01 +01:00
Paul Adam Davis
dcbd77ca03 Move nav-item file, use variable colours instead of some hexes 2014-08-18 18:08:52 +01:00
Paul Adam Davis
cbb3d34d85 New PSM markup, nav-item, and refactored input icons
References #97, #98, #99
2014-08-18 17:57:04 +01:00
John O'Nolan
b38785d5f6 Settings nav overhaul 2014-08-16 19:39:52 +03:00
Paul Adam Davis
71e140eb19 Badge component 2014-08-14 14:38:32 +01:00
Paul Adam Davis
0316385917 Pagination component 2014-08-14 12:48:44 +01:00
Paul Adam Davis
ab516199ae Allow buttons elements in dropdowns 2014-08-13 15:15:23 +01:00
Paul Adam Davis
2aafe85987 Updated dropdown positions in layouts 2014-08-13 14:25:28 +01:00
John O'Nolan
d3fbdb2b92 OCD 2014-08-10 09:36:36 +03:00
Paul Adam Davis
8353a000d6 Reimplement visual ascetic styles 2014-08-08 21:54:22 +01:00
John O'Nolan
a6584f7638 Put global nav back under modals 2014-08-06 19:47:52 +03:00
John O'Nolan
e1aaea0d0a Convert old button override styles to new classes
(and some cleanup)
2014-08-06 14:36:35 +03:00
John O'Nolan
9e5bbeaa6a Styles for splitbuttons on editor screen 2014-08-06 02:06:36 +03:00
John O'Nolan
a470c46543 Button updates to match existing styles 2014-08-06 00:39:19 +03:00
Paul Adam Davis
8799ded351 Re-do of dropdowns 2014-08-05 20:06:22 +01:00
John O'Nolan
e8dc88597e Break splitbuttons out into component 2014-08-04 19:28:07 +03:00
Paul Adam Davis
9beb031bad Better dropdown organisation 2014-07-31 16:06:25 +01:00
Paul Adam Davis
535c4633d8 Re-jigged nav JS and add parallax
- Clicking the content closes the nav
- Content overlays the nav to create a parallax effect
- Clicking the burger works now
2014-07-30 18:26:28 +01:00
John O'Nolan
15e9796c51 Uploader 2014-07-30 09:08:49 +03:00
John O'Nolan
b544ce098e Notifications 2014-07-30 08:12:17 +03:00
John O'Nolan
778b7cd7a3 Modals 2014-07-30 08:08:54 +03:00
John O'Nolan
f59f86eb28 Deprecate old files and introduce _shame.scss
- New _shame.scss to hold styles/components which need to be refactored or removed
- layout.scss and floatingheader.scss merged into global.scss/shame.scss
2014-07-30 08:07:23 +03:00
John O'Nolan
16d36b48c1 Floating header 2014-07-30 07:59:43 +03:00
John O'Nolan
2faa4a75f9 Minor cleanup 2014-07-29 19:50:13 +03:00
Paul Adam Davis
61b846fc8f Working burger menu toggling 2014-07-29 18:48:31 +01:00
John O'Nolan
175395eafc Moved dropdown styles to components dir 2014-07-29 19:24:17 +03:00
John O'Nolan
914cef3b8d Added dropdown to global nav user menu 2014-07-29 19:22:37 +03:00
John O'Nolan
56beb90c49 Minor display tweaks 2014-07-29 17:35:03 +03:00
John O'Nolan
ce0b9c78ef New page-content panel and base font-size refinements 2014-07-29 16:19:46 +03:00
John O'Nolan
098f7c17e5 Mobile menu updates 2014-07-29 15:47:03 +03:00
John O'Nolan
8d1635b7dc Introducing new mobile header and more mobile nav components 2014-07-29 12:10:20 +03:00
John O'Nolan
32e14025e4 First pass on global nav mobile styles 2014-07-29 02:34:47 +03:00
John O'Nolan
9775244ab5 Slightly smaller user profile image for nav dropdown 2014-07-29 01:38:28 +03:00