Commit Graph

17 Commits

Author SHA1 Message Date
Sanne de Vries
d47352fd29 Updated metadata description preview cutoff point across admin 2021-05-05 17:33:59 +02:00
Kevin Ansfield
15561efd48 Fixed url formatting in search engine result previews
no issue

- `config.blogDomain` includes subdirectory and `config.ghostPaths.subdir` includes a leading `/` which resulted in the search engine result preview url incorrectly showing as `mysite.com/subdir > /subdir > slug`
- replaced the in-template construction of the url previews with a getter on the backing class that constructs the preview url based on parsing the configured url
2021-03-30 10:10:34 +01:00
Sanne de Vries
312000638d Improved social media previews screen in post-preview
No ref

- Added explanatory copy
- Updated "change image" button type
2021-03-03 15:53:16 +01:00
Sanne de Vries
b9a35be517 Fixed facebook description cut-off in edit mode bug 2021-03-03 14:59:28 +01:00
Sanne de Vries
2cf6dc4e4b Improved social media inline editing
No ref

- Added placeholder attributes to focused input fields
- Fixed only text value being clickable vs. entire field
- Added placeholder attributes to PSM meta data inputs
2021-03-03 13:30:41 +01:00
Sanne de Vries
d8e5764d17 Fixed google breadcumb character in social media preview 2021-03-02 13:45:53 +01:00
Sanne de Vries
2ec9383bdd Hid Facebook description when title exceeds single line in all social media previews 2021-03-02 13:25:00 +01:00
Sanne de Vries
89f4cdfd0a Styled social media previews empty state for images 2021-02-25 17:20:43 +01:00
Sanne de Vries
1cb2b8cddd Improved social media preview editing design 2021-02-23 21:47:17 +01:00
Kevin Ansfield
ff09a20ac8 Made social/meta text and images in preview modal editable (#1850)
refs https://github.com/TryGhost/Team/issues/482

- replace titles and descriptions with text fields when clicked
    - save on blur
    - blur+save on <kbd>Enter</kbd>
    - blur+restore on <kbd>Escape</kbd>
    - create newline with <kbd>Shift+Enter</kbd> in description fields
- if there's no available image or fallback show a "+ Add image" header in the previews when hovering
- if there is an image show an upload/change image button when hovering
- show a delete image button when hovering once a custom image has been uploaded

Co-authored-by: Sanne de Vries <sannedv@protonmail.com>
2021-02-23 18:37:12 +00:00
Sanne de Vries
478084e274 Updated social media previews in general settings 2021-02-18 21:33:04 +01:00
Sanne de Vries
a792d152da Fixed twitter preview shrinking bug and responsive issues for social preview 2021-02-12 16:13:42 +01:00
Sanne de Vries
d4f131ee26 Updated preview-modal social preview design
Refs https://github.com/TryGhost/Team/issues/459

- Updated styles for Facebook, Twitter and Google
- Added mockup for tweets, posts, and Google search results
- Got rid of browser mockup on desktop preview
- Changed button-group active style from blue to black
2021-02-10 15:25:49 +01:00
Kevin Ansfield
9fcf3cce9d Added generic/bookmark card preview modal settings tab
refs https://github.com/TryGhost/Team/issues/459

- re-use bookmark card styling
- approximate the data grabbed by metascraper (used when generating bookmark card contents) based on saved post data
2021-02-02 16:08:08 +00:00
Sanne de Vries
c45294717c Improved preview post modal design and added mobile view
refs https://github.com/TryGhost/Team/issues/451

- Added mobile view to the post preview modal
- Replaced tabs text with icons
- Moved back button and added publish button
- Changed copy-link design to be aligned with link preview in portal
- Changed layout for social previews
- Added images to the Twittr and Facebook previews
- Added labels to the social previews
- Changed styling for the "Preview post" button in editor
2021-02-02 16:08:05 +00:00
Kevin Ansfield
7f7d2cafc6 Added share/send preview footers to post preview modal
refs https://github.com/TryGhost/Team/issues/451

- disabled email tab when previewing a page (pages can't be emailed)
- added share preview url footer to browser tab
- added send preview footer to email tab
- added first pass at social tab contents
2021-02-02 16:08:05 +00:00
Kevin Ansfield
e932af26a7 Added first pass at new post preview
refs https://github.com/TryGhost/Team/issues/451

Start of new post preview prototype.

- adds preview button next to publish button
- opens new combined preview modal with desktop/email/social tabs
- desktop preview shows front-end preview url in iframe
- email preview fetches preview data as per the older email preview modal
- social preview to come later
2021-02-02 16:08:04 +00:00