Commit Graph

216 Commits

Author SHA1 Message Date
Kevin Ansfield
1172267e55 Added sidebar grow/shrink animation
refs https://github.com/TryGhost/Team/issues/1149

- beginnings of full sidebar animation, adding early to gauge impact of animation that causes layout paints for each frame
2021-10-19 18:30:05 +01:00
Sanne de Vries
e4c10cbe6c Updated theme directory and theme preview 2021-10-14 12:39:54 +02:00
Sanne de Vries
c721bb3b1f Updated design settings sidemenu 2021-10-12 14:30:12 +02:00
Peter Zimon
611fbf5926 Added static URL to offers detail screen 2021-10-05 15:03:39 +02:00
Peter Zimon
96ec92a47b Update offer details structure
- Added static UI to offer details page
- Deleted offer modal
2021-10-04 15:00:41 +02:00
Peter Zimon
6ee2e48c92 Added static list of offers 2021-09-22 17:23:26 +02:00
Peter Zimon
4dcc594193 Added static offers CTA to membership settings 2021-09-22 13:10:59 +02:00
Peter Zimon
588e77f196 Members filter basic dropdown (#2088)
* Applying basic dropdown on members filters

* Fixed remove-filter button closing filter dropdown
2021-09-10 13:33:39 +02:00
Sanne de Vries
7a56ded8d0 Updated About/What's new? page (#1872)
Merged About and What's new? page.
2021-09-08 14:00:24 +02:00
Peter Zimon
d585ba62ef Updated empty members screen (#2084)
Updated empty state of members detail screen.

- Added appropriate messaging to Analytics, Events and Subscriptions blocks about what's supposed to be in them once there's sufficient data.
- Updated tooltip for average open rate when there isn't significant data yet.
2021-09-08 12:03:49 +02:00
Peter Zimon
5255489779 Added static members filtering
- added filter builder dropdown (alpha)
- refactored related CSS
2021-07-23 16:05:22 +02:00
Peter Zimon
d356f5451a Added static result table for members filtering
- Added horizontal scrolling, fullscreen table component.
- Mocked multiple columns in the members result list.

Alpha feature.
2021-07-22 15:47:01 +02:00
Kevin Ansfield
b8c01db37f 🎨 Fixed account/dark mode/settings buttons not being accessible on small mobile devices
no issue

- the bottom nav bar sits on top of the side bar which meant you weren't able to scroll down far enough to access the bottom of the side bar
- added extra padding to the side bar when the mobile nav is displayed so bottom settings of the side nav sit above the bottom nav bar
2021-07-01 10:24:18 +01:00
Kevin Ansfield
e21e034f5d 🎨 Hid mobile nav bar when in the editor
no issue

- menu was getting in the way of valuable writing space
- the "More" button didn't work because the main nav bar is hidden in the editor
2021-07-01 10:15:34 +01:00
Sanne de Vries
f15bce5c2d Updated design for new fixed post settings menu 2021-06-22 20:51:31 +02:00
Peter Zimon
a82b31353f Updated product card styles (alpha) 2021-06-04 10:59:42 +02:00
Peter Zimon
52d55a311a Fixed account menu positioning bug 2021-05-13 12:06:46 +02:00
Peter Zimon
d44c127978 Updated "What's new?" badge position
- aligned "What's new?" dot position on account icon in nav bar
2021-05-03 18:53:56 +02:00
Sanne de Vries
63db462fbc Updated SSO configuration settings styles in Labs 2021-04-26 21:27:35 +02:00
Sanne de Vries
a4b9c1f253 Styled access settings
Refs https://github.com/TryGhost/Team/issues/579
2021-04-20 11:31:22 +02:00
Peter Zimon
96faf27ba8 Added mock member details component
Prepring for custom products we'll change the overall layout of member forms. This commit has a component that's loaded when dev flag is on for the new layout with mocked product data.
2021-04-15 17:58:35 +02:00
Peter Zimon
6ee31e206b Added static components for custom products
- added link to Products in Settings main screen
- added product list page with static content
- added product detail page with static content
2021-04-08 14:40:13 +02:00
Sanne de Vries
6f3ae6e4ed Fixed arrow widths for avatar and canvas title 2021-03-22 10:53:39 +01:00
Peter Zimon
105140ef3f New logo (#1868)
refs TryGhost/Team#547

- Updated Admin to use new Ghost logo
2021-03-18 17:26:35 +00:00
Sanne de Vries
16883b41a5 Changed styling of what's-new indicator 2021-03-10 13:20:55 +01:00
Peter Zimon
a274ac3912 Updated upgrade button styles 2021-03-10 09:38:57 +01:00
Sanne de Vries
b67fef2cea Fixed hidden dropdowns and responsive issues on members screen 2021-03-09 17:57:16 +01:00
Peter Zimon
7256de95b6 Updated custom view dot position
- moved custom post view's color dot to right of the menu name to make the navigation more visually balanced
2021-03-09 12:25:50 +01:00
Peter Zimon
6ce4d53259 Minor style fix for What's new notification 2021-03-08 19:34:31 +01:00
Peter Zimon
b7dc86460b Added member count to main navigation
- added total member count to main navigation to bring more attention to "Members" and balance the sidebar visually
2021-03-04 14:51:19 +01:00
Peter Zimon
d8e4bf841f Fixed code injection UI size bug 2021-02-22 21:44:48 +01:00
Sanne de Vries
d6d8b894db Fixed canvas title breadcrumbs being cut off by content filters 2021-02-22 10:06:26 +01:00
Sanne de Vries
8c0a856ee7 Fixed page title descenders being cut off 2021-02-19 17:32:54 +01:00
Peter Zimon
377a2ffd54 Added dashboard UI skeleton 2021-02-16 18:12:24 +01:00
Sanne de Vries
80e2103f1d Added external tab preview link to post-preview modal footer 2021-02-16 12:23:34 +01:00
Peter Zimon
f05d353b57 Updated What's new? modal styles 2021-02-12 17:56:40 +01:00
Peter Zimon
dec10259ec Updated account menu avatar 2021-02-12 17:36:23 +01:00
Peter Zimon
0f12e39d90 Added main section mobile sizes 2021-02-12 14:40:30 +01:00
Peter Zimon
f7cb949a6e Responsive UI fixes 2021-02-12 14:29:49 +01:00
Peter Zimon
adc4e1e077 Updated dark styles 2021-02-11 16:24:49 +01:00
Peter Zimon
b8a79467ae Updated icons 2021-02-11 11:45:14 +01:00
Peter Zimon
1cae8cb0cb Nav menu refinement 2021-02-10 21:14:38 +01:00
Peter Zimon
660ed2c79d Updated account menu 2021-02-10 21:05:54 +01:00
Peter Zimon
86ee1142e0 Member details screen refinements 2021-02-10 19:55:35 +01:00
Peter Zimon
7c2bae6f29 CSS restructure for main sections 2021-02-10 18:48:27 +01:00
Peter Zimon
1ebff66109 Dark mode UI fixes 2021-02-10 16:36:08 +01:00
Peter Zimon
9093b32529 Refined editor main buttons 2021-02-10 16:35:25 +01:00
Peter Zimon
e2cdd49cd2 Updated PSM styles 2021-02-10 13:48:10 +01:00
Peter Zimon
c9c62007db Updated code injection styles 2021-02-10 11:54:27 +01:00
Peter Zimon
da8c86ca7e Updated expadable list styles 2021-02-09 18:13:07 +01:00
Peter Zimon
e72b8a9def Refined nav style 2021-02-09 17:34:46 +01:00
Peter Zimon
ebb83d7fb8 Updated expandable UI 2021-02-09 17:23:03 +01:00
Peter Zimon
605cb81865 Form heading UI update 2021-02-08 22:30:48 +01:00
Peter Zimon
a6a9b17baf Updated staff UI 2021-02-08 21:37:05 +01:00
Peter Zimon
6e1b6a2618 Updated custom integration UI 2021-02-08 21:16:41 +01:00
Peter Zimon
af6739af72 Updated built-in integrations 2021-02-08 19:54:20 +01:00
Peter Zimon
1b60ded48f Updated integrations and Zapier page 2021-02-08 19:20:26 +01:00
Peter Zimon
78d23a2544 Admin UI: added global section grid 2021-02-08 17:22:53 +01:00
Peter Zimon
0ef70cb568 Updated member details page 2021-02-08 15:35:08 +01:00
Peter Zimon
977c2dcb0d Updated member details 2021-02-08 14:55:18 +01:00
Peter Zimon
8f8a1a53db Added design components page 2021-02-05 13:48:38 +01:00
Peter Zimon
cb40158666 Updated members list screen UI 2021-02-05 12:04:42 +01:00
Peter Zimon
5fbd01a237 Updated colors 2021-02-05 12:04:42 +01:00
Peter Zimon
3f0ec92119 Updated button styles| 2021-02-04 17:25:42 +01:00
Peter Zimon
879c7866e9 Members screen UI refinements 2021-02-04 16:52:19 +01:00
Peter Zimon
ae77dad8dd Added segmented control style 2021-02-04 15:25:28 +01:00
Peter Zimon
4e11273f38 Admin UI simplifications
- getting rid of lines
2021-02-04 13:37:04 +01:00
Peter Zimon
fb0342618a Updated colors 2021-02-03 20:35:11 +01:00
Peter Zimon
c757ddbef8 UI updates (#1835)
* Admin UI update basics

Added the basics for the Admin UI/style update. Very far from being done...

* Admin style updates

- exploring menu
- enabling full width content (integrations selection bg)
- updated main screens
2021-02-03 20:08:01 +01:00
Peter Zimon
04d9caefed Updated navigation (#1832)
no issue

Updated settings navigation to a completely redesigned flow for Ghost 4.0 🎉

Co-authored-by: Kevin Ansfield <kevin@lookingsideways.co.uk>
Co-authored-by: Fabien O'Carroll <fabien@allou.is>
Co-authored-by: Rish <zrishabhgarg@gmail.com>
2021-02-02 16:08:06 +00:00
Peter Zimon
a7c0dc7469 Fixed account menu margin
no refs.
- fixes account menu dropdown button margins disappearing on Firefox for smaller screensizes
2020-10-09 16:56:13 +02:00
Paul Davis
8062fa8994 Added margin to bottom of Admin when installed as PWA on newer iOS devices (#1667)
no issue

On newer iOS devices with no home button, we have this bar at the bottom of the screen instead. When installed as a PWA, the mobile nav sits under that bar. I'm unsure how much Ghost is used this way, but this is a small QOL improvement for those who do.

This PR uses the native `env` CSS custom properties Safari has to add a propriety amount of `padding-bottom` to the mobile nav bar, and also the global container to prevent anything in the iframe from being hidden by the taller nav bar. If the device does not support these `env` vars, is has no adverse affect. In order for this to work, the `<meta name="viewport" />` tag needs `viewport-fit=cover` added to it.

MDN docs for reference: https://developer.mozilla.org/en-US/docs/Web/CSS/env
2020-09-22 07:43:17 +01:00
Sanne de Vries
bf6e37f2dd Fixed account menu spacing issue (#1693)
* Fixed spacing issue with account menu by changing verticalPosition of the Ember dropdown component to 'above' and adjusted the top attribute as needed.
2020-09-01 12:44:50 +02:00
Sanne de Vries
f068f85e38 Improved spacing for account menu 2020-08-31 12:25:55 +02:00
Peter Zimon
1756180025 🐛 Fixed mobile style bug for sidebar views
no refs.
- fixed the size of the expand/collapse chevron in sidebar for mobile
2020-02-03 20:18:51 +01:00
Peter Zimon
2c137f0b38 Refined sidebar view icons
no refs.
- replaced icons for custom views for circles so it's more scannable
2020-02-03 14:45:18 +01:00
Kevin Ansfield
2a77c0fe51 Added default and custom post views (filters) to the admin sidebar (#1474)
no issue

- list custom post views in collapsable sidebar navigation
  - default views: Draft, Scheduled, Published (except for contributors)
  - record expanded/collapsed state of the navigation menus in user settings via new `navigation` service
- adds `customViews` service that manages custom views
  - provides list of default views
  - gives access to "active" custom view based on current route and query params
  - manages loading/saving of custom views to user settings
- show "Add view" button in the content filter when the posts list has been filtered
- show "Edit view" button in the content filter when the posts list filter matches a saved view

Co-authored-by: Peter Zimon <peter.zimon@gmail.com>
2020-01-30 15:35:36 +00:00
Peter Zimon
8be0c78c8e Refined email error modal 2019-11-22 14:31:03 +01:00
Peter Zimon
02d8fe89eb Post list responsive CSS fixes
no issue
- fixed title display for mobile
- fixed scrolling for content filters
- fixed list cells styles
2019-10-18 13:05:34 +02:00
Peter Zimon
b7f83fad2c Refined member list
no issue
- added list headings
- added active state to search field when it has value
- set position of actions dropdown
- refined avatar typography
2019-10-15 16:11:43 +02:00
Peter Zimon
9c21f1b60c Refined members import/export button design
no issue
2019-10-04 13:28:10 +02:00
Peter Zimon
495663c3c4 Udpated members list design
no issue.
2019-10-03 12:56:31 +02:00
Peter Zimon
e81fe47bfd Fixed "Upgrade now" button length in pro menu
no refs.
- fixed the issue that the "Upgrade now" button shown to Ghost(Pro) users was too wide in the updated Admin sidebar
2019-10-01 12:25:17 +02:00
Peter Zimon
775c16eccc Fixed Ghost(Pro) menu icon color in navigation
no refs.
2019-09-30 10:56:44 +02:00
Peter Zimon
fa04ad0ae8 Fixed alignment of avatar badge
no refs.
- fixed the aligment of the "What's new" badge on the account menu
2019-09-05 09:30:40 +02:00
Kevin Ansfield
5225a3d30a Added "What's new" indicator and modal to highlight recent updates (#1292)
no issue

- adds `whats-new` service that fetches the changelog from ghost.org and exposes the latest changelog entries
- trigger a background fetch of the changelog from ghost.org when first loading the admin when logged in, or after signing in
- adds a "What's new" menu item next to the user popup menu
- adds an indicator to the user menu button and what's new menu item if there are unseen changelog entries
- closing the changelog modal will update the "last seen date", clearing both indicators
2019-08-23 10:01:27 +01:00
Peter Zimon
31a3fe7c48 Updated word break for name and email in navbar
no refs.
- fixed the issue that long name and email in left sidebar were breaking into multiple lines
- added title attribute to name and email
2019-07-17 12:33:27 +02:00
Peter Zimon
208eae6c07 Admin style refinements (#1234)
refs. c51bce7358

* Refine form inputs and button styles
* Refined Forget link and buttons
* Remove green icon success indicator from login screen
2019-06-21 13:52:39 +02:00
Peter Zimon
c51bce7358 🎨 Updated admin area design and usability (#1232)
refs. https://github.com/TryGhost/Team/issues/205

Major update to Ghost Admin UI including:
- improved general consistency (typography, colors and contrast, UI components, icons)
- new design for post and pages lists, improved discoverability of filters 
- search moved to modal
- account menu is decoupled from ghost logo
- further usability fixes
2019-06-18 11:47:20 +01:00
Kevin Ansfield
bb7df76af0 Refactored styleBody mixin
no issue
- removed `styleBody` mixin in favour of using Ember's `buildRouteInfoMetadata` hook and router events in the `ui` service
- refactored separate CSS classes for each unauthenticated route into a single `.unauthenticated-route` class because hiding mobile nav whilst unauthenticated was the only use for body classes
2019-05-20 14:57:21 +01:00
Peter Zimon
ccbc26d6bc Sidebar refinements and view site in new tab button (#1192)
no refs.

- added view site in new tab button to sidebar
- show secondary actions on sidebar only on mouseover
- replaced labs icon
- refined spacing for view site
- unified colors of secondary icons
2019-05-07 15:29:59 +02:00
Kevin Ansfield
42eb736b15 🐛 Fixed posts list scrolling and missing momentum scroll on all screens in iOS
closes https://github.com/TryGhost/Ghost/issues/9494, refs https://github.com/TryGhost/Ghost/issues/10365
- removed `overflow-y: auto` on posts list to fix the vertical scrolling
- added `overflow-wrap: break-word` so that post previews are forced to wrap for long words such as URLs
- added `-webkit-overflow-scrolling: touch` to the main scrollable pane so that iOS Safari uses momentum scrolling
2019-04-15 17:23:09 +01:00
John O'Nolan
181de6f5ea View site inside Ghost Admin
no refs.
- added "View site" as the first and default menu item in navigation bar to be able to browse the site without leaving the Admin
- rearranged left sidebar items according to new structure (moved Labs down to bottom)
- removed "View site" from publication main menu because it's become redundant
- added Night shift toggle in line with Labs menu to be able quickly access it
2019-03-21 10:33:14 +01:00
Zimo
51fd4ffedb Fixed main nav contrast 2019-02-22 17:16:06 +07:00
Peter Zimon
605b89a0d2 Left navigation menu update (#1102)
refs. [d6c22df](d6c22df6d7)

- added icons for members and pages
- improved view site link visibility
- added view site to logo dropdown
- updated all navigation and logo menu icons
- rename 'team' to 'staff'
- lots of design refinement and update (colors, shadows)
2019-02-22 16:43:35 +07:00
Kevin Ansfield
5e3de1c333 🎨 Removed auto hide/show navigation toggle (#1094)
no issue
- the autonav behaviour has outlasted it's usefulness - it was mostly useful for editing but the editor screen is now always fullscreen and the number of low-resolution screens has dropped significantly
- dropped the components and all supporting code associated with autonav behaviour
2019-01-10 15:00:07 +00:00
Zimo
19ca4ca0b7 Koenig Editor Beta Release
refs https://github.com/TryGhost/Ghost/issues/9505
- see https://forum.ghost.org/t/koenig-beta-release/1284 for full details
- moved Koenig editor checkbox from experimental to Beta
- added info message support in editor screen
- removed alert when opening markdown-incompatible post with Koenig disabled
2018-05-17 12:01:00 +01:00
Kevin Ansfield
a2e39c3ed5 Fixed incorrect search icon colour
no issue
- search icon colour was being overridden and appearing too dark
2018-05-01 11:41:38 +01:00
Kevin Ansfield
c3f450cc5a Remove ember application template wrapper
no issue
- Ember will not output the application template wrapper div in the future but it's possible to optionally enable that feature now
- fixes test harness render so that all elements are constrained to the application wrapper rather than breaking out with `position: fixed` and covering the test results
2018-05-01 10:57:20 +01:00
Kevin Ansfield
6bff262849 Switch to packaged version of Spirit (#985)
no issue
- remove the manually copied Spirit CSS files
- remove the manually copied Spirit helpers
- install `ember-cli-ghost-spirit` addon
- remove manual postcss configuration
- update all `color()` functions in CSS to `color-mod()`
- fixed invalid `color-mod()` usage in `power-calendar.css`
- bump sub-dependencies
2018-04-03 11:52:18 +01:00