Commit Graph

407 Commits

Author SHA1 Message Date
Sanne de Vries
f068f85e38 Improved spacing for account menu 2020-08-31 12:25:55 +02:00
Peter Zimon
bd8807b18d Refined Portal maintabs style 2020-08-27 16:08:03 +02:00
Peter Zimon
5b8ccabee2 Refined Portal links page 2020-08-27 16:06:00 +02:00
Peter Zimon
d1df165aa9 Refined Portal color picker 2020-08-27 15:55:02 +02:00
Peter Zimon
1902e0b659 Removed border from selected Portal tab
no refs.
2020-08-26 17:30:34 +02:00
Peter Zimon
8674e8f32b Updated Portal links page
no refs.
- refined copy and design for Portal links page
2020-08-26 17:10:19 +02:00
Peter Zimon
20bcfd4839 Added color picker to Portal settings
no refs.
- added CSS color picker for accent color Portal settings. Note: sync between the input field and the color picker is to be done
2020-08-26 16:00:17 +02:00
Rishabh Garg
9da88937d7 Added subscription cancellation button to member page (#1683)
closes TryGhost/Ghost#12127

* Added cancel/continue button for individual subscriptions on member page

Co-authored-by: Peter Zimon <zimo@ghost.org>
2020-08-21 17:05:45 +05:30
Rishabh Garg
c47593891c Refined portal custom icon flow (#1675)
refs https://github.com/TryGhost/members.js/issues/79

- Updated interaction for custom icon flow as per design spec in issue
2020-08-19 20:30:06 +05:30
Rish
d4cf0602e5 Updated background flicker for portal preview
refs https://github.com/TryGhost/members.js/issues/77

- There was a quick flicker before the portal popup appears due to the site theme being visible in background till portal loads
- Adds the constant background with slight delay to show the frame which ensures the portal script is successfully loaded to minimise the visible flicker
2020-08-11 12:27:34 +05:30
Rish
5cce6138e5 Added Portal links section in preview area
closes https://github.com/TryGhost/members.js/issues/80

- This adds the link/attribute switcher and chooser directly to Admin in Portal preview area
- Thinks links/attributes section was previously shown as a Portal page
2020-08-05 11:36:26 +05:30
Peter Zimon
f937bf2790 Updated Portal settings preview style
no refs.
- updated preview window style for portal so that it fits with the rest of the screen
2020-07-30 16:38:47 +02:00
Peter Zimon
a199e87201 Updated single member delete design
no issue
- updated single member delete modal copy + design layout
- swapped switch to regular checkbox + applied red color to it
- set button label based on checkbox state
2020-07-27 13:32:40 +02:00
Peter Zimon
9e9dcf4d1a Updated default Portal icons
no refs.
- added a set of portal icons
- updated related CSS and mappings
2020-07-24 17:00:46 +02:00
Peter Zimon
0a33f97fb1 Set Portal preview size
no refs.
- made Portal preview size a bit bigger
2020-07-24 17:00:46 +02:00
Rish
3a37e539b8 Disabled interactions on portal preview frame
no issue

- All interactions on the portal preview should be disabled to keep a focused view.
- Disabled pointer events on portal preview iframe to not allow any interactions on page that can cause popup to close or navigate away
2020-07-23 16:56:27 +05:30
Peter Zimon
6a60811d80 Aligned selected tab style in Portal settings
no refs.
- made main tab style same as icon selector for consistency
2020-07-17 10:13:05 +02:00
Peter Zimon
66ae9f6a38 Applied selected style to Portal preview tabs
no refs.
- added border to selected tab on Portal settings preview
2020-07-17 10:02:32 +02:00
Peter Zimon
42240c8be0 Refined Portal settings main area topbar
no refs.
- changed preview tab style to buttons for better discoverability
2020-07-17 09:53:15 +02:00
Peter Zimon
41daa5fada Moved Portal settings button to top
no refs.
- moved cancel and save buttons to top to save space and resolve conflict with Portal button
2020-07-17 09:19:47 +02:00
Peter Zimon
c30ba921d5 Renamed "Modal settings" to "Portal settings"
no refs.
2020-07-16 16:55:00 +02:00
Peter Zimon
dba7522470 Resized Portal preview iframe
no refs.
- made Portal preview iframe a bit smaller to make sure users get the UI context
2020-07-16 16:51:45 +02:00
Peter Zimon
058193f9e4 Updated Portal preview area tabs
no refs.
- added active style to Portal settings preview area
2020-07-16 16:37:54 +02:00
Peter Zimon
9102f3d51a Styled links section in Portal settings
no refs.
- applied basic styles to link section in sidebar of Portal settings
2020-07-16 16:01:39 +02:00
Peter Zimon
aba652ec56 Portal settings sidebar refinements
no refs.
- refined typography, colors and layout
- using built in admin icons for portal button icon temporarily
- styled icons for future usage with inline svgs
2020-07-16 15:25:09 +02:00
Peter Zimon
7ff098aae6 Basic design cleanup of Portal preview area
no refs.
- applied basic spacing and typography to Portal preview area
2020-07-16 15:25:09 +02:00
Peter Zimon
9e3a935bd7 Basic Portal sidebar stylings
no refs.
- cleaned up `style` attributes
- applied basic styles to sidebar UI elements
2020-07-15 13:18:58 +02:00
Fabien 'egg' O'Carroll
ffdde799b8 Added UI for setting tag metadata (#1632)
no-issue

* Updated tag model with new metadata fields
* Updated Tag setting UI to handle metadata

Co-authored-by: Peter Zimon <zimo@ghost.org>
2020-07-13 14:58:13 +02:00
Peter Zimon
59ed8d718d Members import refinements
no refs.
- updated and removed copy on mapping screen
2020-07-09 14:42:29 +02:00
Peter Zimon
b3122ae2d8 Fixed select option color bug for members import
no refs.
2020-07-08 10:12:13 +02:00
Peter Zimon
1dd2a3db07 Updated styles for members import
no refs.
- added spinner to validation state
- applied styles to pre-validation step
- applied styles to import results
2020-07-07 17:53:59 +02:00
Peter Zimon
5dc96368ef Refined import member mapping table style
no refs.
- updated outer border of mapping table to have better contrast
2020-07-07 13:39:10 +02:00
Peter Zimon
7cc49b4b70 Added long data handling to member import UI
no refs.
- added styles to handle long data for field and data cells in members import mapping table
2020-07-07 13:29:44 +02:00
Peter Zimon
a819837bd4 Refined members import modal dropdown
no refs.
- updated style of members import modal field dropdown
2020-07-07 13:07:21 +02:00
Rish
182663bdf8 Added new look feel and links section to modal settings
no issue

- Adds new Look & Feel section to portal settings to control accent color, button style, text and icon
- Adds Links section to portal settings to show static links to control popup behavior
- Adds the 3 new portal settings to setting model
2020-07-07 14:07:37 +05:30
Peter Zimon
09f4a48bc5 Refined styles and copy for member import dialog
no refs.
- refined copy for Stripe warnings for members import pre-validation
- updated styles for data preview for dark mode
2020-07-01 07:24:10 +02:00
Rishabh Garg
23537355b6 Added live preview to members settings modal (#1622)
no issue

- Adds live preview of members.js modal UI to the new settings modal behind dev flag
- Uses `gh-site-iframe` to render site in preview mode with custom portal url
2020-06-26 02:15:47 +05:30
Peter Zimon
db065a58e7 Added scrolling to members import preview table
no issues.
- adds scrolling to import table
- adds shadow to top and bottom if the table is taller than the viewport
2020-06-19 19:43:12 +02:00
Peter Zimon
7613757fad Refined member import result screen
no issues.
- puts back file icon preview when not in dev. experiment
- refines generic style of member import result screen
2020-06-18 15:24:08 +02:00
Kevin Ansfield
a539e93ea5 Fixed member's note field overflowing at smaller screen sizes 2020-06-18 11:39:53 +01:00
Kevin Ansfield
34c28dcc0e Added rough "edit mode" for members table behind dev flag
no issue

- initial UI for bulk-selection, focusing for now on first stage which is limited to select-all and delete actions
- adds "Edit" button to the members table that shows the "selection" toolbar in place of the table header and shows a checkbox next to each member
2020-06-18 11:08:53 +01:00
Peter Zimon
947b53a057 Fix members.css
no issues.
- adds newline at eof
2020-06-18 11:40:42 +02:00
Peter Zimon
7c540a9090 Refined members import data table design
no issues.
- refined style for members import preview table
2020-06-18 11:33:34 +02:00
Peter Zimon
2dfff367b9 Refined pre-validation of members import
no issues.
- removes email and Stripe duplicate customer ID check to focus validation that might affect the whole dataset
- applies visual style and refines copy
2020-06-18 10:30:15 +02:00
Kevin Ansfield
da082fdbfb Gave members table a sticky header
no issue

- it's useful to be able to see the column headers anywhere in the list
- prep for having the table header toggle between normal and edit modes where having to scroll back up to the top of the page each time you want to toggle would be a poor experience
2020-06-17 17:37:32 +01:00
Peter Zimon
e235f20f3e Updated members import validation warning design
no issues.
- changed warning style when import can still happen
- combines all warnings to a single section
- hides details for warnings behind an expandable list so that
- updated copy
2020-06-16 19:08:37 +02:00
Peter Zimon
c389015b08 Made save Stripe settings button dynamic
no issues.
- shows/hides the "Save Stripe settings" button depending on the token value. This allows better focus and less distraction UX
2020-06-15 17:57:46 +02:00
Peter Zimon
cbc1c2a36e Added "Test mode" label UI to Stripe Connect
no issues.
- added label to indicate if the connected Stripe account is in test mode
2020-06-11 15:36:22 +02:00
Peter Zimon
f2bc57bbf5 Stripe connect design (#1603)
no issues

Updated and refined Stripe Connect design in Labs/Members settings:
- refined visuals and UI logic
- updated copy
- added switch for test mode
- added error handling
2020-06-11 15:15:44 +02:00
Peter Zimon
5a87520712 Refined members import dialog
no issue
- updated screen logic for member import
- added icons and refined styles for file upload dialog
2020-06-05 14:20:23 +02:00