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

MIssing styles when showing stored contnet on resource details page. #21

Open
reppair opened this issue Jun 11, 2021 · 2 comments
Open

Comments

@reppair
Copy link

reppair commented Jun 11, 2021

Consider these..

Screenshot from 2021-06-11 14-50-43

How can I add styles for the indented, centered and right aligned texts or overwrite the .ql-indent-x & .ql-align-x classes?

In the front-end I just targeted a parent class quill and then in it .ql-indent-x etc.. but in Nova, that is not an option.

Maybe If a create a custom field to extend this one, I can add my styles? Doesn't seem like the right way to go about it though...

@reppair
Copy link
Author

reppair commented Jun 11, 2021

I ended up making custom DetailsField and showing mine instead of the one provided by the package.. the only difference is:

<style>
.markdown p, .markdown blockquote, .markdown ol, .markdown ul {
    margin-top: 0;
    margin-bottom: .5rem;
}
.ql-indent-1 {
    margin-left: 1rem;
}
.ql-indent-2 {
    margin-left: 2rem;
}
.ql-indent-3 {
    margin-left: 3rem;
}
.ql-indent-4 {
    margin-left: 4rem;
}
.ql-indent-5 {
    margin-left: 5rem;
}
.ql-align-center {
    text-align: center;
}
.ql-align-right {
    text-align: right;
}
.ql-video {
    width: 800px;
    height: 450px;
}
</style>

@MHassanSaqib
Copy link

I have noticed .ql-editor class is missing on details page that's why the styles are missing from the detail page.

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

2 participants