search

hapramp / alpha-web

1Ramp Alpha Web App
https://alpha.1ramp.io/
19 stars 7 forks source link

Styling of quotes/blockquotes with markdown editor preview #150

Open tobias-g1 opened 5 years ago

tobias-g1 commented 5 years ago

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>

singhpratyush commented 5 years ago

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