Commit Graph

596 Commits

Author SHA1 Message Date
Hannah Wolfe
1c7450bd04 Merge pull request #4285 from novaugust/read-draft-shortcuts
Go between post list / post content with keyboard
2014-10-28 13:02:17 +02:00
Matt Enlow
9cff617899 Go between post list / post content with keyboard
Closes #3940
- Pushing left/right changes the "focus" of the posts screen to the list / content, respectively
- Once one of these has been focused, up/down keyboards work on that section in particular
- By default, the post list is selected
- Using the keyboard to focus one of the two makes it go "poof" to let you know you changed stuff
2014-10-27 09:41:13 -06:00
Paul Adam Davis
4889d04454 Swap 2 box shadows for 1 radial gradient
Closes #4340

Fixes a UI glitch where the vertical parts of a box shadow would show.
This fix changes those box shadows for 1 radial gradient, where only 5px of it is shown. No more vertical shadows.
2014-10-26 17:35:54 +00:00
Jason Williams
0e9d4e6792 Enable JSCS checking on client.
Refs #4001
- grunt-jscs@0.8.1 which provides ES6 support.
2014-10-25 16:13:04 +00:00
Paul Adam Davis
a7e19bc231 Custom permalink UI
References #3920
2014-10-23 12:12:48 +01: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
John O'Nolan
db8efb8282 Merge pull request #4213 from PaulAdamDavis/new-popovers
Implement new popovers
2014-10-21 14:02:17 +02:00
Paul Adam Davis
3a13563f0b Implement popovers 2014-10-20 22:09:45 +01:00
Paul Adam Davis
74d71ed8b8 Tag input UX improvements
Closes #4105

- Turns the tag icon white when input is focused.
- Focuses on the tag inout after deleting a tag.

Credit to @novaugust for a PR to this which is rebased into one single commit
2014-10-20 22:08:26 +01:00
Paul Adam Davis
f6d458abbb Remove shadow from right of tag bar
No issue

- Completely removes the shadow from the right side of the tag bar
2014-10-17 14:59:02 +01:00
John O'Nolan
5c312dda6e Merge pull request #4298 from PaulAdamDavis/speedier-user-menu-animations
Speed up user menu animations
2014-10-17 15:31:10 +02: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
John O'Nolan
e4e1646a8f Fix alignment on burger menu button 2014-10-17 15:19:16 +02: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
Jason Williams
3a83a65f74 Show all invited users and infinite scroll active
Closes #4239
2014-10-16 20:09:03 +00:00
Paul Adam Davis
dea7de2db4 Rename .object-list to .user-list
No issue
References todo comment in [users.scss](ed5f5c7fe1/core/client/assets/sass/layouts/users.scss (L6-L7))

- Renames anything starting with `.object-list` to `.user-list`
- Adjusts tests to match
2014-10-13 22:43:03 +01:00
Paul Adam Davis
58429a603b Use flexbox for post settings cog & publish button
Closes #4208

- Removes `min-width` & `max-width` from `.publish-bar-actions`
- Uses flexbox to correctly handle dynamic size (due to font size and text content of button)
2014-10-12 19:31:14 +01:00
Paul Adam Davis
55b92965d4 Refactor auth form styles
Closes #4246

- Removed the input wrapper background colour
- Moved `:focus` styles to one element, so its not defined separate for each page
- Removed unnecessary MQ for body background colour (it changed nothing)
2014-10-07 21:49:58 +01:00
Paul Adam Davis
d3d74f0395 Refactor settings and content wrappers to allow smooth overflows and properly show headers on mobile
Closes #4186, Closes #4190, Closes #4150

- Alters markup to allow for correct use of `-webkit-overflow-scrolling: touch;`
- Updates the debug page to use the same markup as the rest of the settings page
- Solve floating tag bar issue by making it absolute, not fixed
2014-10-03 18:54:18 +01:00
John O'Nolan
20818bff51 Merge pull request #4218 from PaulAdamDavis/fix-4199
Change avatars in user list back to cover
2014-10-01 15:52:48 +02:00
John O'Nolan
3bb2152248 Merge pull request #4193 from PaulAdamDavis/less-animations
Less Animations
2014-10-01 15:52:27 +02:00
John O'Nolan
c78a54fe5a Merge pull request #4171 from PaulAdamDavis/tag-management
Tag Management UI Markup
2014-10-01 15:51:38 +02:00
Paul Adam Davis
c5ebc9684a Prevent elastic scrolling on the whole page 2014-09-30 22:52:40 +01:00
Paul Adam Davis
d58c8f63e9 Webkit overflow scroll touch 2014-09-30 22:52:39 +01:00
Paul Adam Davis
562192735c Tag Management UI Markup
References #3926

Static markup for the Tag Management screen
2014-09-30 22:43:59 +01:00
Paul Adam Davis
63306f7020 Change avatars in user list back to cover
Closes #4199

`background-size: 105%;` is a nono for square images. `background-size: cover;` is a better.
2014-09-30 17:22:21 +01:00
Paul Adam Davis
7ece81a549 Make the PSM tabs transition only happen on larger screens 2014-09-30 11:03:21 +01:00
Paul Adam Davis
9584808bf0 Remove sliding animation between content & list & post preview on mobile
Closes #3951
2014-09-30 11:02:42 +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
Paul Adam Davis
fcd5910209 Prevent horizontal scrolling in the PSM 2014-09-27 10:55:17 +01:00
Paul Adam Davis
9f80f7650b Fix notifications being cur off on auth/setup screens 2014-09-27 10:44:54 +01:00
Paul Adam Davis
8300bdf4b2 Allow scroll on setup form 2014-09-27 10:44:27 +01:00
Fabian Becker
6b8252a129 Fixes hidden scrollbar.
fixes #4194
- Remove relative positioning
2014-09-26 22:27:31 +00:00
John O'Nolan
55576226ab Fix relative em sizing bug 2014-09-26 20:35:10 +02:00
John O'Nolan
d3ec580508 Correct broken Google webfont in editor
Fixes #4162
2014-09-25 18:33:57 +03:00
John O'Nolan
d2c005a741 Merge pull request #4166 from JohnONolan/tag-icon-fix
Fix invisible tag delete icon
2014-09-25 17:30:11 +02:00
John O'Nolan
a2651e47e9 Merge pull request #4149 from halfdan/style-fixes
Minor style fixes
2014-09-25 17:18:28 +02:00
John O'Nolan
67dd73aed9 Fix invisible tag delete icon 2014-09-25 18:11:56 +03:00
Fabian Becker
6bfc43d2b4 Minor style fixes
no ref
- fix .featured/.unfeatured padding
- fix settings cog padding
2014-09-24 20:22:28 +00:00
Gabor Javorszky
058edb96c8 Undisable nProgress
Closes #4095

* Removes the line that killed nProgress for PSM
* adds to styles to make nProgress appear again (ht @halfdan)

IRC: http://107.20.237.151:8081/logs/%23ghost/20140922#pm51214
2014-09-24 18:26:36 +01:00
Paul Adam Davis
245e2a72a2 Fix publish bar tag scrolling div
Continues on from #4128

- Increases height of tags div and adds `overflow-y: hidden;` to its parent
2014-09-24 15:18:02 +01:00
Fabian Becker
5f5993819a Static page and feature options in new PSM
closes #4109
- Add featured option
- Move static page/featured to other place
- Change wording on static page
2014-09-24 12:29:17 +00:00
Paul Davis
d87980b80a Merge pull request #4139 from JohnONolan/dropdown-refresh
Updated dropdown component style
2014-09-24 12:19:58 +01:00
John O'Nolan
be1fe86c96 Merge pull request #4128 from PaulAdamDavis/fix-tags-input
Rewrite publish bar markup
2014-09-24 13:12:10 +02:00
John O'Nolan
7c235e6388 Updated dropdown component style 2014-09-24 14:03:19 +03:00
John O'Nolan
df53e692d9 Update icons 2014-09-24 13:46:13 +03:00
Paul Adam Davis
37ca589af4 Rewrite publish bar markup
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
2014-09-24 09:47:33 +01:00
Paul Adam Davis
c57b3a1af2 Disable horizontal scrolling in right outlet
Closes #4131

- Adds `overflow-x: hidden;` to `.right-outlet`
2014-09-24 09:36:49 +01:00
Hannah Wolfe
f4beed6120 Merge pull request #4118 from JohnONolan/053-fixes 2014-09-24 09:16:14 +01:00
John O'Nolan
ddf233bb9b Remove about page header on desktop
See #4116
2014-09-24 09:08:43 +01:00
John O'Nolan
1bf24ec60e Fix overly tiny text 2014-09-24 09:08:42 +01:00
John O'Nolan
8e4666e011 Mobile bug fixes for users view 2014-09-24 09:08:42 +01:00
John O'Nolan
6a4036a0bb Minor start on CSS Style cleanup
See #4107
2014-09-24 09:08:42 +01:00
John O'Nolan
ea7f69c23a Fix padding on content preview mobile views 2014-09-24 09:07:50 +01:00
John O'Nolan
7d0558b526 SERP style updates 2014-09-24 09:07:50 +01:00
John O'Nolan
47e7f1f3ad Fix post settings menu cog alignment and colours 2014-09-24 09:07:34 +01: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
John O'Nolan
20bec45d34 Remove unused, commented out CSS.
See #4102
2014-09-23 10:14:10 +03:00
Paul Adam Davis
bfa0751e3e Fix minor IE UI issues
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
2014-09-22 13:55:39 +01:00
Hannah Wolfe
f05d2fad01 Merge pull request #4066 from halfdan/3939-psm3-meta
Meta data screen
2014-09-21 17:53:12 +01:00
Fabian Becker
8616a45c3c Meta data screen
closes #3939
- Add Seo Tab component to PSM
- Add new gh-blur-textarea component
- Refactor blur-input to use new text-input mixin
2014-09-21 15:13:06 +00:00
John O'Nolan
036789e0f8 Merge pull request #4053 from PaulAdamDavis/css-bug-fixes
Tiny CSS bug fixes
2014-09-20 09:12:25 +02: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
Hannah Wolfe
8ab717dc4e Merge pull request #4045 from halfdan/4031-mobile-content
Mobile view menu for content screen
2014-09-19 14:10:46 +01:00
Fabian Becker
c4d7acf893 Mobile view menu for content screen
closes #4031
- Adds css to show back button, edit button in header nav on mobile
2014-09-18 15:52:40 +00:00
Paul Adam Davis
e89d0c2fd2 Fix user settings page for Firefox
References #4050

- Restructures the CSS to work in Firefox - No visual changes, only fixes
2014-09-17 14:07:44 +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
Hannah Wolfe
67373c3c84 Merge pull request #4044 from novaugust/issue4032
Abstract mobile transition interactions
2014-09-16 18:34:23 +01:00
Paul Davis
0fdfd6d3e5 Merge pull request #4033 from halfdan/getting-typos
Fix Markdown help modal table positioning
2014-09-16 16:36:53 +01: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
a3aa40c0f0 Minor tweaks to new scrollbar appearance and animations 2014-09-15 12:37:52 +03:00
John O'Nolan
3afb067c0b Merge pull request #4015 from PaulAdamDavis/nano-scrollbars
[WIP] Nanoscroller integration
2014-09-15 11:09:10 +02:00
Paul Davis
ba8a48b369 Merge pull request #4034 from novaugust/iss4027
Fix editor scroll depending on cursor location
2014-09-15 09:14:14 +01:00
Fabian Becker
a45711a5ac Fix Markdown help modal table positioning
no ref
- Fix top spacing of markdown table
- Fix width of table and left align table head
- Fix grammar, whitespace in getting-started post
2014-09-15 09:56:54 +02:00
Fabian Becker
364c70cb44 Properly align word-count
no ref
- Re-adds word-count styles
2014-09-15 00:43:18 +00:00
Matt Enlow
815eaeabf0 Fix editor scroll depending on cursor location
Closes #4027
2014-09-14 17:38:32 -06:00
Paul Adam Davis
4b3df36879 Static nanoscroller integration
References #1892

A static integration of https://github.com/jamesflorentino/nanoScrollerJS



This is WIP with the goal of getting feedback on and deciding how we should integrate this into Ghost.
2014-09-14 17:15:57 +01:00
Paul Adam Davis
381e296f17 Fix ::selection bug
No issue

Fixes a weird issue where text would overlap other text.
2014-09-13 14:54:44 +01: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
bacfd6a71b Merge pull request #4013 from PaulAdamDavis/settings-nav-icons
Add icons to settings nav menu
2014-09-11 09:11:34 -06: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
0555ddaa90 Add icons to settings nav menu
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.
2014-09-11 15:27:28 +01:00
Paul Adam Davis
2a7967e4d4 Snap page transition for mobile settings
References #3810

- Disables the `.fade-in` animation for settings page transitions on mobile
2014-09-11 14:19:16 +01: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
John O'Nolan
1678bda631 Merge pull request #3960 from PaulAdamDavis/fix-user-settings-page
Fix user profile settings
2014-09-10 19:04:06 +02:00
Paul Adam Davis
dd21f74f51 Prevent horizontal scroll on content list
Closes #4000

- Adds `overflow-x: hidden;` to the content list & preview wrapper
2014-09-10 16:48:33 +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
a4f98eaa5d Fix user profile settings
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)
2014-09-09 11:21:39 +01:00
Paul Adam Davis
7a6f2e4208 Remove form focus halo
No issue

- Removed the blue halo from around focused form elements
- Slightly refactored the forms to target less text inputs and have cleaner syntax
2014-09-05 17:16:55 +01:00
Paul Adam Davis
3634a5ab46 Fix floaring header gradient in FF and settings images
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
2014-09-03 15:52:01 +01:00
John O'Nolan
2df6995714 Merge pull request #3935 from PaulAdamDavis/new-psm
[WIP] New post settings menu
2014-09-03 01:29:14 +03: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
20246e97f4 Update About page styles
Closes #3919

With the move to new global styles, the about page styles got a bit borked. This fixes those.
2014-09-02 16:48:56 +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