Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Markdown Interface Updates #9267

Merged
merged 12 commits into from Dec 3, 2021
Merged

Markdown Interface Updates #9267

merged 12 commits into from Dec 3, 2021

Conversation

RC-Lee
Copy link
Contributor

@RC-Lee RC-Lee commented Oct 31, 2021

Worked on issue #9167

  • "Editor" button text fixed to "Edit"
  • Edit and Preview buttons stay highlighted based on current mode
  • Added interface option for Editor and Preview Font type
  • Copied WYSIWYG CSS correct stylings to Markdown
  • Added custom block option placeholders for each input
  • Changed icon heading to use format_size icon
  • Added toolbar controls, toolbar also stays hidden in preview

unknown

unknown

unknown

Fixes #9167

  - "Editor" button text fixed to "Edit"
  - Edit and Preview buttons stay highlighted based on current mode
  - Added interface option for Editor and Preview Font type
  - Copied WYSIWYG CSS correct stylings to Markdown
  - Added custom block option placeholders for each input
  - Changed icon heading to use format_size icon
  - Added toolbar controls
  - Edit translation string for name in placeholder
  - Wrapped preview hidden toolbars with a <template v-if>
  - Changed .indexOf to .includes
  - Added translation strings for Edit and Preview
@azrikahar
Copy link
Contributor

@rclee91 Thanks for the prompt commit to resolve the requested changes!

Also appreciate the "drive-by" changes to use the CSS variables where applicable.

@benhaynes
Copy link
Sponsor Member

Thanks @rclee91!! We'll review! ❤️

Copy link
Member

@rijkvanzanten rijkvanzanten left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems like the editor has some trouble loading in the fonts:

CleanShot 2021-11-01 at 18 26 10@2x

@RC-Lee
Copy link
Contributor Author

RC-Lee commented Nov 1, 2021

It seems like the editor has some trouble loading in the fonts:

I'm not sure why but it seems to work for me

unknown
unknown
unknown

@rijkvanzanten
Copy link
Member

Ahh but those aren't the correct fonts though. We should make sure it's using the var(--family-sans-serif) et al. fonts to match the design language of the app 👍🏻

  - "Editor" button text fixed to "Edit"
  - Edit and Preview buttons stay highlighted based on current mode
  - Added interface option for Editor and Preview Font type
  - Copied WYSIWYG CSS correct stylings to Markdown
  - Added custom block option placeholders for each input
  - Changed icon heading to use format_size icon
  - Added toolbar controls
  - Edit translation string for name in placeholder
  - Wrapped preview hidden toolbars with a <template v-if>
  - Changed .indexOf to .includes
  - Added translation strings for Edit and Preview
@RC-Lee
Copy link
Contributor Author

RC-Lee commented Nov 1, 2021

Ahh but those aren't the correct fonts though. We should make sure it's using the var(--family-sans-serif) et al. fonts to match the design language of the app 👍🏻

Newest commit 874783a gives these styles now.
I hope they are the correct ones.
unknown
unknown
unknown

changelog.md Outdated Show resolved Hide resolved
@rijkvanzanten rijkvanzanten added this to the v9.1.3 milestone Dec 3, 2021
@rijkvanzanten rijkvanzanten merged commit ca8343b into directus:main Dec 3, 2021
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 3, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Markdown Interface Updates
5 participants