Skip to content
This repository has been archived by the owner on Nov 28, 2022. It is now read-only.

Tag metadata UI #1632

Merged
merged 7 commits into from Jul 13, 2020
Merged

Tag metadata UI #1632

merged 7 commits into from Jul 13, 2020

Conversation

allouis
Copy link
Contributor

@allouis allouis commented Jul 8, 2020

Changes

This adds new UI to the tag setting form, allowing the user to set the metadata properties on the tag object.

  • New color input above the feature image
  • Canonical URL added to metadata section
  • Twitter section added with preview
  • Facebook/OG section added with preview
  • Codeinjection head/foot section added with preview

Prerequisites

You need to be on Ghost master and have run the 3.23 migrations.

  • Migrate existing database knex-migrator migrate --v 3.23 --force
  • Backup existing sqlite3 db & start fresh one mv content/data/ghost-dev.db{,.old} && yarn start

Screenshots

image

image

image

image

image

@allouis
Copy link
Contributor Author

allouis commented Jul 8, 2020

Hey @peterzimon!

Would you be able to check this PR out and give it some design review? There should be a solid base for everything here and only some tweaks needed, but if you run into any larger issues - let me know!

no refs.
- moved tag color to the right of tag name to make it more discoverable
no refs.
- fixed focused color field size
- moved error messages under name + color input field
@peterzimon
Copy link
Contributor

yo @allouis
I'm more ore less done with the review and pushed some detailed refinements. the only bug I found is:

  • enter a non-valid color code
  • click on save button (without removing the focus from the color field)

-> there's a flashing error message below the fields which disappears. what would be expected is to not be able to save and show the error message (similarly to e.g. the name field)

@allouis
Copy link
Contributor Author

allouis commented Jul 13, 2020

I've fixed this now :)

@allouis allouis merged commit bd47744 into TryGhost:master Jul 13, 2020
@allouis allouis deleted the tag-metadata branch July 13, 2020 12:58
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
2 participants