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

Hooks editor in mig-ui should use a monospaced font so that users can visually determine if YAML alignment is correct. #1181

Open
djwhatle opened this issue Apr 22, 2021 · 0 comments

Comments

@djwhatle
Copy link
Contributor

djwhatle commented Apr 22, 2021

I don't know how to get this into the hooks page due to the web of inheritance going on with styling in react and SCSS, but I can say that manually applying this style in the browser inspector achieved the desired result:

font-family: var(--pf-global--FontFamily--monospace) !important
font-size: .8em

image

@djwhatle djwhatle changed the title Hooks editor in mig-ui should use a monotype font so that users can determine is YAML alignment is correct. Hooks editor in mig-ui should use a monotype font so that users can determine if YAML alignment is correct. Apr 22, 2021
@djwhatle djwhatle changed the title Hooks editor in mig-ui should use a monotype font so that users can determine if YAML alignment is correct. Hooks editor in mig-ui should use a monotype font so that users can visually determine if YAML alignment is correct. Apr 22, 2021
@djwhatle djwhatle changed the title Hooks editor in mig-ui should use a monotype font so that users can visually determine if YAML alignment is correct. Hooks editor in mig-ui should use a monospaced font so that users can visually determine if YAML alignment is correct. Apr 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant