search

dragontheory / D7460N-with-db

Your data your way. Fast, easy, and secure.
https://d7460n-app-with-resizer.pages.dev/
2 stars 1 forks source link

Refactor panel border/corners #25

Open dragontheory opened 1 year ago

dragontheory commented 1 year ago

Get rid of the extra markup and enable borders and corners to be used on any element via border-image and SVG.

Must be able to go around contenteditable and resizable elements.

border-image | CSS-Tricks https://css-tricks.com/almanac/properties/b/border-image/

CSS Border Effects | Speckyboy https://speckyboy.com/css-border-effects/

Works around resizable elements | CodePen https://codepen.io/dragontheory/pen/JjLvxwO?editors=1100

Original CodePen https://codepen.io/Mamboleoo/pen/zYOJOGb

dragontheory commented 1 year ago

Realizing section headers need to go into <panel-list>s, which is problematic since <panel-lists>s are scrollable.

Speaking of scrollable, the lines and corners scroll with the content. They are supposed to stay still...

Finding a solution that does not add extra markup.