Commit Graph

551 Commits

Author SHA1 Message Date
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
Hannah Wolfe
8e333eccca Adding Grunt tasks for Sass 2014-08-31 14:16:58 +01:00
Hannah Wolfe
381e0940bf Merge TryGhost/Ghost-UI into TryGhost/Ghost 2014-08-30 18:57:31 +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
John O'Nolan
b5ee8788db Merge branch 'fix-profile' into GUI-2.0
* fix-profile:
  Fix up user profile screen
2014-08-26 13:11:53 +03:00
John O'Nolan
4c39aa5c36 Fix up user profile screen 2014-08-26 13:11:38 +03: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
d4e564d7d9 Refactor auth CSS
This means signing screen icons now depend on new markup
2014-08-19 15:25:24 +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
d323b495a7 Implement new button markup 2014-08-17 14:57:07 +03:00
John O'Nolan
b38785d5f6 Settings nav overhaul 2014-08-16 19:39:52 +03:00
John O'Nolan
ef2b4fc7f6 Remove old button styles 2014-08-16 19:39:37 +03:00
Paul Adam Davis
459d0de22d Fix images in buttons 2014-08-14 17:56:23 +01:00
Paul Adam Davis
7078724c3f Re-implement old form styles 2014-08-14 16:29:34 +01: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
Paul Adam Davis
78f459315a Implement labels 2014-08-12 15:27:22 +01:00
Paul Adam Davis
a0e9829dba User list styles from master 2014-08-12 15:26:20 +01:00
Robert Jackson
f8069b7ca9 Use the ghost-paths consistently.
Always using the utility function ensures that we have the ability to
update/change/etc these paths without scouring the codebase.

For example, if we ever decide to bump the API version it would be nice
if there was only one location it needed to be updated at.
2014-08-10 13:10:29 -04: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
7ba56386dd Reset buttons without classes 2014-08-07 16:37:47 +03:00
John O'Nolan
a36c7a559b Fix floatingheader alignments 2014-08-07 16:35:58 +03:00
John O'Nolan
514cddf655 Improved mobile editor styles 2014-08-07 15:33:56 +03:00
John O'Nolan
7b1609e7de Update application frame styles for content + editor 2014-08-07 15:11:01 +03:00
John O'Nolan
39bcbac761 Typography updates 2014-08-06 22:46:32 +03:00
John O'Nolan
e7fb3b9c46 Unfucking content management screen 2014-08-06 22:46:23 +03:00
John O'Nolan
a6584f7638 Put global nav back under modals 2014-08-06 19:47:52 +03:00
John O'Nolan
b6533cd1c8 unfuck settings nav 2014-08-06 19:46:43 +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
Paul Adam Davis
311325aa79 Form Inputs 2014-08-05 15:12:27 +01:00
John O'Nolan
abec25b72b Highlight old styles for removal 2014-08-04 19:45:32 +03:00
John O'Nolan
dcf54bd9ce Strip base button style. This should be covered already. 2014-08-04 19:38:41 +03:00
John O'Nolan
9ecbb375a5 Remove old button styles which are not used anywhere in core 2014-08-04 19:37:04 +03:00
John O'Nolan
e8dc88597e Break splitbuttons out into component 2014-08-04 19:28:07 +03:00
John O'Nolan
f06fc42846 Adjust BS default styles 2014-08-04 19:24:41 +03:00
John O'Nolan
82c9f59a21 Port/convert BS mixins/vars - strip unneeded variations 2014-08-04 18:57:33 +03:00
John O'Nolan
29f6c1d178 Add base bootstrap buttons 2014-08-04 18:11:22 +03:00