Live data from Hacker News

Minding the gaps: A new way to draw separators in CSS

blogs.windows.com

1–10 of 99 posts

Re: Minding the gaps: A new way to draw separators in CSS

#3
this has been a pain point for a long, long time. it's cool to see someone doing something

this is just `display: grid` though, and not for non-fixed width elements – the hacker news nav bar is an example where the | between links—on small screens—will either appear at the end of the first line, or at the start of the second line

Re: Minding the gaps: A new way to draw separators in CSS

#4
post #3

this has been a pain point for a long, long time. it's cool to see someone doing something this is just `display: grid` though, and not for non-fixed width elements – the hacker news nav bar is an example where the | between links—on small screens—will either appear at the end of the first line, or at the start of the second line

> this is just `display: grid` though

It’s also for flexbox

> and not for non-fixed width elements

What’s this mean? The biggest thing grid can’t do is wrapping; is that what you mean?

Re: Minding the gaps: A new way to draw separators in CSS

#6
post #2

Design by committee is not the best but if you need one more view to be convinced, as a non native English speakers the property names proposed are not communicating the meaning very well. Eg Defining the gap but drawing the separator.

Was just wondering that myself.. why they went with "rule" in `column-rule` and now `row-rule`

Re: Minding the gaps: A new way to draw separators in CSS

#9
post #6
post #2

Design by committee is not the best but if you need one more view to be convinced, as a non native English speakers the property names proposed are not communicating the meaning very well. Eg Defining the gap but drawing the separator.

Was just wondering that myself.. why they went with "rule" in `column-rule` and now `row-rule`

> From Middle English reule, rewle, rule, borrowed from Old French riule, reule, from Latin regula (“straight stick, bar, ruler, pattern”), from regō (“to keep straight, direct, govern, rule”), ultimately from Proto-Indo-European h₃réǵeti (“to straighten; right”), from the root h₃reǵ-; see regent. Doublet of rail, regal, regula and rigol.

https://en.m.wiktionary.org/wiki/rule#English

Re: Minding the gaps: A new way to draw separators in CSS

#10
post #8

I wish they took the use-case of resizable panels into account. Even if the implementation is fully user-land, a styleable separator that can also receive events would be so useful.

It's absolutely crazy that the only way to get a native splitter in HTML is to use iframes.
Post reply on HN