Commit Graph

65 Commits

Author SHA1 Message Date
Felix Rieseberg
9e889bb4b0 Enable .fade-out animations in Safari
Closes #4432

Random sidenote: Safari is a whiny non-animating wuss and figuring this
out took way longer than one would think.
2014-11-14 17:52:28 -08:00
Paul Adam Davis
bd4ac53fcb Refactor component styles
Continues on from #4401

- Reformats the Sass to match our new style (property order, comments, & white space)
- Changes the modal container to a class from an ID (and adjust tests)
2014-11-13 11:28:22 +00:00
Paul Adam Davis
37b25a9362 Var cleanup 2014-10-30 12:40:12 +00:00
Paul Adam Davis
20c11e563f Move unrelated editor cover code to the right place
Closes #4106

Moved the `.editor-close` styles to `post-settings-menu.scss`
2014-10-21 13:14:07 +01:00
Paul Adam Davis
3a13563f0b Implement popovers 2014-10-20 22:09:45 +01:00
Paul Adam Davis
00c786a902 Remove hover transition inside dropdowns
No issue

- Removes the transition on hover/focus states for items/links in dropdowns
2014-10-17 14:27:50 +01:00
Paul Adam Davis
c5af1807ef Speed up user menu animations
No issue

- Speeds up the animation duration when the user menu opens
- Effectively removes the user menu closing animation
2014-10-17 13:36:23 +01:00
Paul Adam Davis
d58c8f63e9 Webkit overflow scroll touch 2014-09-30 22:52:39 +01:00
Paul Adam Davis
0f8ae45bc4 Fix flickering popover transitions
Closes #4138

- Removed JS animation to close in favour of CSS animations
2014-09-30 10:48:21 +01:00
John O'Nolan
7c235e6388 Updated dropdown component style 2014-09-24 14:03:19 +03:00
Paul Adam Davis
92bf86feba Fix chevron animation in publish button
Closes #4104

- Fixed the broken spiny animation used in the publish button
2014-09-23 11:03:08 +01:00
Paul Adam Davis
c6289c87b8 Fix several tiny CSS bugs
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
2014-09-19 21:24:43 +01:00
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