Spyke

Posts

[opinion] UI: I don't like markdown-it extensions (typographer as an example)

In a comment I wrote, I was surprised to see something I didn't write showing up, in the form of a third dot.

So, where did the third dot come from?

Well, markdown-it has an extension where "typographic replacements" are done. You can see them all in action here (tick typographer on and off).

So, wherever two or more dots are written, even if around quotes, three dots will be rendered ('..' => '..')

While it may seem nice, this is more trouble than good IMHO. Not to mention the fact that people using other apps, utilizing other markdown implementations, will not see what others see (which is why some of you probably had no idea what the hell I was talking about at the start of this post).

It is my opinion that use of non-standard markdown extensions should be kept to a minimum, or preferably not used at all. And since a new UI is going to be written (which may open the possibility to use a high-quality markdown Rust crate), this should be a deliberate implementation choice going forward.

View original on sh.itjust.works
13
main·sh.itjust.works Main CommunitybyRunAwayFrog

sh.itjust.works ... except when it comes to loading images

{"msg":"Error in store"}

Or the longer version:

< HTTP/2 500
< server: nginx
< date: Sat, 15 Jul 2023 06:45:55 GMT
< content-type: application/json
< content-encoding: gzip
< access-control-expose-headers: content-encoding, vary, content-type, date, content-length
< vary: accept-encoding, Origin, Access-Control-Request-Method, Access-Control-Request-Headers
<
* Connection #0 to host sh.itjust.works left intact
{"msg":"Error in store"}
View original on sh.itjust.works
63
plugins·Lemmy Plugins and UserscriptsbyRunAwayFrog

Not a CSS expert, but this makes Lemmy UI comments look better for me (on Desktop)

Using this with Stylus:

li .comment-node {
    padding: 0.5ex;
    border: 0.1ex solid #80808060 !important;
    border-radius: 1ex;
}

li li .comment-node {
    border-left: none !important;
    border-top: none !important;
    border-radius: 1ex 1ex 1ex 0 !important;
}

Or for a more lightweight change:

.comment-node {
    border-bottom: 0.1ex solid #80808060 !important;

It's the lack of clearly visible separation between comments that just doesn't look right to me.

View original on sh.itjust.works
9

You reached the end