Commit Graph

616 Commits

Author SHA1 Message Date
Paul Adam Davis
69fb78150d Remove Maps for icons
Manually reverts #4948

- Sass Maps suck. They're gone now.

For historical context: They cause issues with various environments when used with Libsass
2015-03-09 16:43:34 +00:00
Paul Adam Davis
eccf96c836 Update icon font unicode references
Closes #3515 (again)

- Changes the prefix for icons from `\e` to `\f` which is borrowed from Font Awesome
2015-03-09 13:09:44 +00:00
John O'Nolan
461834f96d Introduce new help menu 2015-03-09 11:53:40 +02:00
John O'Nolan
7383820e35 Merge pull request #4948 from PaulAdamDavis/simpler-icon-code
Improve icon handling code
2015-03-07 20:16:06 +02:00
Paul Adam Davis
4cb7cfff09 Remove button wrapping blog logo image
Closes #4959

An SVG (without width & height attributes) inside a button won't display as it should. There seems to be no fix other than apply a minimum width & height. That doesn't feel right, so I've opted for this.

- Remove the `<button>` wrapping `<img>` elements
- Add `cursor: pointer;` to those images (now they don't get one, not being inside a `<button>`
- Remove the `#blog-logo/cover` IDs and `for` attributes. They only apply focus on text inputs anyway.
2015-03-02 14:53:03 +00:00
Paul Adam Davis
c473303abf Improve icon handling code
Closes #4878

This changes nothing except DRYness of code. Its output is exactly the
same.

- Moves all icon variables into a map
- Add getter function to extract variables from the map
2015-02-25 00:21:56 +00:00
Hannah Wolfe
8cf111e767 Merge pull request #4934 from PaulAdamDavis/fix-nav-order-metadata
Add `order` property when parsing Navigation JSON
2015-02-23 23:39:06 +00:00
Paul Adam Davis
2843a35ecc Add order property when parsing Navigation JSON
Closes #4927

- Add `order` property when parsing Navigation JSON
- Fixes CSS issue where the placeholder nav item drag handle was still visible
2015-02-21 14:07:13 +00:00
Paul Adam Davis
914d2fa1e3 Add error class styles for inputs
No issue

Adds a red border to inputs when a `error` class is applied

Also DRY's up the URL input a tad.
2015-02-18 11:34:52 +00:00
John O'Nolan
c997ff52fa Merge pull request #4870 from PaulAdamDavis/notifications-bug
Move bottom notifications outlet outside of <main>
2015-02-17 21:22:12 +02:00
Paul Adam Davis
68eb6b67b0 Drag & Drop Navigation Reordering
Closes #4540

- Implements drag & drop to reorder navigation items
- Adds a `sort` property to navigation items
- Adds a tiny library to enable touch events for drag & drop. It hooks onto jQuery UI.
- Sort nav items before being saved
- Adds `settings-view-navigation` to route for body class
2015-02-12 17:02:46 +00:00
John O'Nolan
3c52d96fe6 Merge pull request #4793 from PaulAdamDavis/url-upload-styles
Update Image URL Input Styles
2015-02-04 09:02:33 -04:00
Paul Adam Davis
35ddf189e7 Move bottom notifications outlet outside of <main>
Closes #4379

- Moves the bottom notification outlet _outside_ the `<main>` element which allows notifications to show above the nav bar
- Removes (the now unnecessary) code which counter-positioned the bottom notifications when a Settings Menu was opened.

The way these notifications look or are positioned at various viewport sizes **has not changed**.
2015-01-30 16:01:13 +00:00
Paul Adam Davis
56e9f09277 Update user image styles
Related to #4844

The newly added user image in the content list uses a CSS property to
crop `img` tags, but it's not supported in IE or Firefox. This issue
corrects that by chancing them to be background images which can be
cropped cross-browser.

It also adjusts the nav bar user image (previously an `img` tag) which
would squash a non-square image.

Also removes the border around the settings/users/ user images, to be
consistent with the rest of the UI.
2015-01-29 11:34:14 +00:00
Paul Adam Davis
d54af1b926 Update content list styles
Closes #4425

- Adds the author avatar (with defalt fallback)
- Shows author name when hovering the avatar (falls back to email address)
- Slightly adjusts type, colour, and spacing
2015-01-24 17:51:19 +00:00
Jason Williams
d446ad84ea Implement Navigation item input behaviors
Closes #4807
2015-01-18 23:08:03 -06:00
Paul Adam Davis
f90cb0c8de Update Image URL Input Styles
No issue

The style for the URL input when uploading images are a bit broken.
This PR reduces the horizontal spacing in the settings menu uploader (to widen the input), corrects the button with black text in the editor uploader and makes sure all image upload inputs fill the container.
2015-01-13 11:16:04 +00:00
Paul Davis
a8b30209be Merge pull request #4711 from JohnONolan/fix-tagmgmt
Fix tag mgmt display bugs
2014-12-23 12:22:54 +00:00
John O'Nolan
06b4b377a6 Fix tag mgmt display bugs
- Misaligned header due to back button being in the wrong place in the markup
- Corrected padding on tag delete button
- Updated tag settings input labels for consistency
2014-12-23 14:10:21 +02:00
Paul Adam Davis
7200b5ec40 Fix modal edge spacing
No issue

The transparent border surrounding modals was being cut off.
This fix uses padding instead of adjusting the left & right valued to create space.
2014-12-23 12:05:18 +00:00
Paul Adam Davis
a3e36fca8d Fix broken user list paginated scrolling
Closes #4695

- Adds a new class to the template and minor CSS to allow user list scroll events to work
2014-12-21 23:03:39 +00:00
Paul Adam Davis
7c310ad2df Add a URL preview componant
Closes #4499

- Introduces a URL preview component
- Added the component to tag settings and post settings
- Adds a new CSS file for this component which makes sure the preview never wraps onto multiple lines
2014-12-19 23:48:21 +00:00
John O'Nolan
e3bd9d556e Merge pull request #4647 from PaulAdamDavis/modal-css-ani
Use CSS animations for modals
2014-12-18 17:49:41 +02:00
Hannah Wolfe
5b0c1e71a2 Merge pull request #4665 from PaulAdamDavis/navigation-ui
Navigation UI Mockup
2014-12-18 10:28:34 +00:00
Paul Adam Davis
eae4410a6f Navigation UI Mockup
Refs #4537

Static mockup of the navigation UI

- Includes hacky JS to simulate interactions (but not dragging, which is #4540 and no modal when deleting)
- Delete & add icons have invisible padding to increase hit area
- Drag handle has the `move` cursor
- Switches into a single column at 600px and below
2014-12-17 21:43:44 +00:00
Hannah Wolfe
4b6c2bff51 Merge pull request #4656 from felixrieseberg/iss4633
Tag Management: Delete Flow
2014-12-17 18:11:08 +00:00
Felix Rieseberg
fb348fb30a Tag Management: Delete Flow
Closes #4633
- The ‘delete’ button is now a smaller plain text link, opening a
confirmation modal analog to the delete user/post flow
- Adding a post count is dependent on #4654, but the modal is already a
neat step up from the immediate, warning-less deletion.
2014-12-17 08:38:14 -08:00
Ilya Radchenko
4b5242dd09 Prevent publish-bar from floating up 2014-12-16 08:44:49 -05:00
Paul Adam Davis
4fb3fe62a9 Use CSS animations for modals
No issue

- Changes Modals to use CSS-based animations
- All modals have an animation, so the option is removed from the handlebars helper
- Removes `animation` from the handlebars helper, as all had one anyway
- Removed the `centered` style - All modals should be left-aligned
- Buttons now default to being on the left
- Cleans up some styles (modal body top spacing) which #4632 helped clean up
2014-12-15 18:23:42 +00:00
Jason Williams
1541b92ccf Fixup behavior and styling of editor re-auth.
Closes #2092
- Adds styling for re-auth modal.
- Prevent transition to posts route on success.
- Clear credentials from controller.
- Handle confirmAccept action if form is submitted via 'enter'.
- Only allow re-auth as the user that was previously logged in.
2014-12-15 14:42:00 +00:00
Jason Williams
a69b2a2e9a Merge pull request #4632 from PaulAdamDavis/modal-colour-spacing
Modal spacing & warning colour
2014-12-12 09:49:05 -06:00
Paul Adam Davis
458f399a3a Modal spacing & warning colour
Closes #4583

- Adds a `.red` class (used to make the post count red)
- Adds a little spacing under the modal header to things arent bunched up
2014-12-12 10:48:50 +00:00
Felix Rieseberg
028a64eaee Tag Cover Images
Closes #4506

Works just like the Post Cover Images (and uses the same component)
Tiny changes to the component ensures that we can reuse it across Ghost
2014-12-10 17:48:18 -08:00
John O'Nolan
b705d5cd7d Fix settings header to allow dropdown menus to work 2014-12-04 19:25:14 +02:00
Sebastian Gierlinger
658dea9e6b Merge pull request #4580 from ErisDS/footnote-excerpt
Strip footnotes from excerpts
2014-12-04 17:24:56 +01:00
Hannah Wolfe
591d653b36 Strip footnotes from excerpts
fixes #4572

- Remove both inline and bottom footnotes from excerpt output before stripping the remaining HTML
- No more red errors, black text or bold links in codemirror, as codemirror gets confused by footnote syntax. This is a step towards the new editor which has no syntax highlighting in the editor
2014-12-04 15:28:30 +00:00
Paul Davis
f2b90bfa07 Revert "Allow notifications to sit over the nav bar" 2014-12-04 15:12:38 +00:00
Sebastian Gierlinger
32959b2269 Merge pull request #4578 from ErisDS/pr-3489
Code Injection PR 3489 rebased and updated
2014-12-04 15:16:37 +01:00
Hannah Wolfe
9783f16e76 Adds markdown highlight support
closes #4574

- adds highlight showdown extension with tests
2014-12-04 13:37:29 +00:00
Hannah Wolfe
904918d5cc Code Injection - adds perms, shortcuts, icon, flag
refs #1993

- adds ctrl/cmd+s for save
- adds config flag
- adds icon on settings page, puts items in the right order
- sorts out permissions for all settings pages with consistent configuration
2014-12-04 13:34:44 +00:00
John O'Nolan
26117ea6de Merge pull request #4544 from PaulAdamDavis/notification-over-nav
Allow notifications to sit over the nav bar
2014-12-03 15:06:16 +01:00
Paul Adam Davis
21991758aa Cleanup layout Sass
Continues on from #4441

- Reformats the layout Sass files (comments, white space)
- DRY up small chunks of CSS to make it more comprehensible
2014-12-01 16:06:53 +00:00
Paul Adam Davis
a2e550f594 Allow notifications to sit over the nav bar
Closes #4379

- Adjusts the `.viewport` `z-index` propetty to allow notificatons to sit over the nav bar

Looks like a weird fix, but inheritence of z-index was the issue here.
2014-12-01 10:31:29 +00:00
John O'Nolan
f6e7bcc089 Merge pull request #4533 from PaulAdamDavis/logo-no-hover-bg
Swap nav item & logo style order
2014-11-29 16:54:14 +01:00
Paul Adam Davis
9c66f236a2 Add Labs, Nav & Grab icons
References #4535, #4534

- Add an Atom icon for Labs page
- Adds Compass and Grab icons for the Navigation page
2014-11-28 15:29:29 +00:00
Paul Adam Davis
08afada499 Swap nav item & logo style order
Closes #4532

- Swaps the order of nav-item and .ghost-logo styles, as .ghost-logo was being overwritten by .nav-item, allowing a hover state
2014-11-28 10:21:14 +00:00
Hannah Wolfe
f4388712f8 Merge pull request #4502 from felixrieseberg/iss4431
Ensure Post Image Uploader Reset
2014-11-25 19:07:32 +00:00
Felix Rieseberg
ce9d590f34 Ensure Post Image Uploader Reset
Closes #4431

- The PSM does not reset on a transition from editor (existing post) to
editor (new post). If the existing post had a cover image, the image
uploader would not be reset during the transition and appear slightly
broken in the editor for the new post.
- In this PR: A reference to the uploader is saved, allowing the route
for editor/new to instruct the PSM controller to have the uploader
reset.
2014-11-24 09:43:17 -08:00
Paul Adam Davis
7b1cfce2e9 Larger edit tag hit area
Closes #4505

- Increases the size of hit area on tags settings pages
- Comments out the styles for nested tags as these will need revisiting
2014-11-24 11:08:02 +00:00
John O'Nolan
99b7c07978 Merge pull request #4401 from PaulAdamDavis/sass-cleanup
Update Patterns Sass Formatting
2014-11-20 19:05:15 +01:00