Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Refactor panel border/corners #25

Open
dragontheory opened this issue Aug 7, 2022 · 1 comment
Open

Refactor panel border/corners #25

dragontheory opened this issue Aug 7, 2022 · 1 comment
Assignees
@dragontheory
Labels
enhancement New feature or request

Comments

@dragontheory
Copy link
Owner

dragontheory commented Aug 7, 2022 •
edited
Loading

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 dragontheory self-assigned this Aug 7, 2022
@dragontheory dragontheory changed the title Refactor border and corners of panels Refactor border/corners of panels Aug 7, 2022
@dragontheory dragontheory changed the title Refactor border/corners of panels Refactor panel border/corners Aug 7, 2022
@dragontheory
Copy link
Owner Author

dragontheory commented Aug 10, 2022 •
edited
Loading

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dragontheory dragontheory

Labels
enhancement New feature or request
Projects
D7460N
Status: 📋 Backlog
Milestone
No milestone
Development

No branches or pull requests
1 participant
@dragontheory