alpha-web icon indicating copy to clipboard operation
alpha-web copied to clipboard

Styling of quotes/blockquotes with markdown editor preview

Open tobias-g1 opened this issue 7 years ago • 1 comments

Although a minor issue, It might be worth improving the overall styling of the blockquotes within the markdown editor. For example, if you use the following markdown:


> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.

Quote break.

> This is a very long line that will still be quoted properly when it wraps. Oh boy, let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.

It will show as:

image

however, it would be clearer that it is a quote if it displayed something similar to this:

image

This could be achieved with the following CSS:

    color: rgba(0,0,0,.5);
    padding-left: 1.5em;
    border-left: 5px solid rgba(0,0,0,.1)

In addition to the above CSS, the font-size assigned to <blockquote> should also be adjusted to that of the <p>

tobias-g1 avatar Feb 04 '19 22:02 tobias-g1

Thanks for pointing out @tobias-g1. Will fix this soon.

singhpratyush avatar Feb 05 '19 04:02 singhpratyush