Commit Graph

306 Commits

Author SHA1 Message Date
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
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
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
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
Paul Adam Davis
ffcb80e54e Vertically center floating header text 2014-08-01 09:02:11 +01:00
John O'Nolan
154bec4b9b Styles for embed placeholders 2014-07-31 21:01:55 +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
6aa6be071c Import old dropdowns temporarily 2014-07-30 14:56:37 +03:00
John O'Nolan
571a1d89a5 Settings 2014-07-30 13:39:38 +03:00
John O'Nolan
d632a23aab Deprecated post-settings-menu.scss 2014-07-30 13:24:16 +03:00
John O'Nolan
5e619c841d I have no idea why this was its own file in layouts/modals.scss 2014-07-30 13:22:02 +03:00
John O'Nolan
f2511bb97a Error layout 2014-07-30 13:20:20 +03:00
John O'Nolan
43d390d5e3 Editor styles + split codemirror styles out into lib 2014-07-30 12:59:07 +03:00
John O'Nolan
1551925ec5 Content management
With massively reduced overnesting
2014-07-30 11:54:41 +03:00
John O'Nolan
171e205785 Auth 2014-07-30 10:56:43 +03:00
John O'Nolan
1e20a5236f About Ghost screen 2014-07-30 10:51:37 +03:00
John O'Nolan
eb7da979a2 Setup 2014-07-30 10:46:18 +03:00
John O'Nolan
aabe9ed6b6 Adjusted animation timing for links 2014-07-30 10:39:17 +03:00
John O'Nolan
0fc1416bfc Stripping default nav styling completely
This is already conflicting with new styles horribly.
2014-07-30 10:20:27 +03:00
John O'Nolan
09ce90c9e9 Cleanup screen.scss / import uploader 2014-07-30 09:19:02 +03:00
John O'Nolan
a83c736c48 Deprecate utilities.scss 2014-07-30 09:09:11 +03:00
John O'Nolan
15e9796c51 Uploader 2014-07-30 09:08:49 +03:00
John O'Nolan
c2de94a9bd No underlines 2014-07-30 09:04:29 +03:00
John O'Nolan
42f9f3c0e1 Merged typography.scss into global.scss 2014-07-30 08:44:05 +03:00
John O'Nolan
c30fabb94a Tables 2014-07-30 08:19:50 +03:00
John O'Nolan
6d39ac0e2e Merged rolelabels.scss into users.scss 2014-07-30 08:17:51 +03:00
John O'Nolan
68f5c9f378 Users 2014-07-30 08:17:00 +03:00
John O'Nolan
951f572939 NProgress 2014-07-30 08:14:39 +03:00
John O'Nolan
b544ce098e Notifications 2014-07-30 08:12:17 +03:00
John O'Nolan
75e92add37 Deprecate navs.scss, merge into shame.scss 2014-07-30 08:09:57 +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
1dbd4cd759 Forms 2014-07-30 07:57:36 +03:00
John O'Nolan
98d87cfa26 Buttons 2014-07-30 07:47:54 +03:00
John O'Nolan
0ce641e363 Merge base.scss into global.scss 2014-07-30 07:43:36 +03:00
John O'Nolan
b6d61cd0da Animations 2014-07-30 07:41:35 +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
bdb63b2e87 Updated dropdown styling 2014-07-29 19:23:00 +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
Paul Adam Davis
82365de583 Better dropdowns styles and docs 2014-07-29 16:19:00 +01: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
Paul Adam Davis
49eed8b6cd Refactor dropdowns to use extends 2014-07-29 12:46:19 +01:00
Paul Adam Davis
2ac2934118 First pass of dropdowns 2014-07-29 11:00:29 +01:00
John O'Nolan
1ceab27e96 Always hide horizontal scrollbars on body 2014-07-29 12:28:02 +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
John O'Nolan
5a81c808df Finished first pass on new navbar 2014-07-29 01:34:34 +03:00
John O'Nolan
6fc3e09017 Clean up 2014-07-28 23:21:02 +02:00
John O'Nolan
19d9db085d Second pass on refactor - starting to introduce new global navigation component 2014-07-20 01:55:29 +02:00
John O'Nolan
02d3756cd8 First pass refactor - cleaning the slate 2014-07-19 20:33:48 +02:00
Paul Adam Davis
afade36796 Fix height bug on public bar unpublished button
Closes #73
2014-07-18 08:51:27 +01:00
Paul Adam Davis
3e59f022a2 Correct height on auth inputs
Closes #72

Also refactored auth inputs to make them DRYer.
2014-07-17 17:18:54 +01:00
Paul Adam Davis
fff19ec0d5 Spacing for invited users list class & fixes
- Fix disappearing right border on invite user modal
- Refactor rounded corners on login form
- Remove commented-out code from modals
2014-07-17 15:48:09 +01:00
Paul Adam Davis
819370b815 Better mobile styles and spacing for user list and fix mobile Back button
Closes #69
2014-07-17 12:27:37 +01:00
John O'Nolan
abd070b90e More graceful fade-in animation 2014-07-17 13:00:53 +02:00
John O'Nolan
5af1539cb1 Restructuring setup styles so they can be used on signup, too 2014-07-17 12:29:16 +02:00
John O'Nolan
9c60d070ec More useful code comments 2014-07-17 11:34:51 +02:00
John O'Nolan
588e8b80bd Minor setup screen design tweaks 2014-07-17 11:25:11 +02:00
Paul Adam Davis
eb23f65fe0 Correct positioning of editor floating header elements
Closes #70
2014-07-17 10:10:56 +01:00
Paul Adam Davis
77cc6c3b72 Firefox fixes for new select style 2014-07-17 09:54:54 +01:00
Paul Adam Davis
e219fb121e Refactor custom select styling
This is for both the global styling and the alternate version in the PSM for the author dropdown.

- `<select>` elements are note more accessible, with :focus support
- They no longer need a data-attr to show the currently selected item

NOTE: Does not work in Firefox. Yet.
2014-07-16 13:01:22 +01:00
Paul Adam Davis
5189bb37cf Unhide settings on mobile and adjust positioning for left setting header buttons
Refs #67
2014-07-15 17:13:30 +01:00
Paul Adam Davis
f2c11a0b47 Button refactor
Refs #3101 & #916
2014-07-15 14:20:15 +01:00
Paul Adam Davis
9bf681ddf9 Adjust settings menu active state media query
Closes #68
2014-07-13 13:27:57 +01:00
Paul Adam Davis
5f3edc9082 Remove legacy .active styling from settings-content container
Prep for #67
2014-07-13 13:21:56 +01:00
Paul Adam Davis
7125b84140 Add mobile styles for new-user button
Closes #58
2014-07-12 12:48:55 +01:00
Paul Adam Davis
ec568a21b6 Fix tags on mobile
Closes #60
2014-07-12 12:43:12 +01:00
Paul Adam Davis
98576cc84a Refactor :focus styles
Closes #61
2014-07-12 12:18:44 +01:00
Paul Adam Davis
7eaf1d89e5 Change form-group spacing & make labels bold
Closes #62
2014-07-12 12:18:35 +01:00
Paul Adam Davis
07fac8b40f Add transparent border to add-user button
Closes #63
2014-07-12 12:18:24 +01:00
John O'Nolan
a94328fa64 OCD 2014-07-11 19:23:41 +02:00
John O'Nolan
c575a2be1b Update role-labels 2014-07-11 19:20:00 +02:00
Paul Adam Davis
ddd13eb5a7 Allow clicking on the down arrow of select boxes
Closes #57

- Adds `pointer-events: none;` to the down arrow of select boxes
2014-07-11 17:36:22 +01:00
Paul Adam Davis
22d449aee1 Only show hovers on user list links, not pending invites.
References #56

Related markup changes: https://github.com/TryGhost/Ghost/pull/3247
2014-07-11 17:30:55 +01:00
Paul Adam Davis
6f654d3218 Fix mobile styles on the edit user view 2014-07-11 17:08:11 +01:00
Paul Adam Davis
44ee940120 Prevent notifications from flickering when hovered.
Fixes https://github.com/TryGhost/Ghost/issues/3166

This commit has a related JS fix.
2014-07-11 15:45:15 +01:00
Paul Adam Davis
e20d837d79 Correct styling of setup form 2014-07-09 11:42:00 +01:00
Paul Adam Davis
776a593636 Swap entry title selector for one that isn't applied after a delay
This fixes a bug that made the title in the editor look like it was animating in, as `.editor` is added after a slight delay.
2014-07-08 23:44:13 +01:00
Paul Adam Davis
09aea8a1d3 Re-add text area styling, which fixes the broken test. 2014-07-08 12:44:52 +01:00
Paul Adam Davis
9cb8cf3761 Correct spacing on invite user modal to fit new form style 2014-07-07 17:14:31 +01:00
Paul Adam Davis
b7322729f4 Add down arrow to <select> elements 2014-07-07 17:13:45 +01:00
Paul Adam Davis
438d5cdb87 New form style
Conflicts:
	dist/css/ghost-ui.min.css
	docs/dist/css/ghost-ui.min.css
2014-07-07 16:40:33 +01:00
Paul Adam Davis
5bea01523a Remove .active button styling and remove underlines on user management list items 2014-07-06 19:50:05 +01:00
Paul Adam Davis
58efafb7c9 Invite User modal styles
References https://github.com/TryGhost/Ghost/issues/3079 and #21

Also changes the global modal styles
2014-07-06 18:37:58 +01:00
Paul Adam Davis
67e1b060c4 Minor style fixes for the user management screen
References https://github.com/TryGhost/Ghost/pull/3189 and #21
2014-07-05 12:17:53 +01:00