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.

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

floatingGroups support for CSS absolute box attributes (bottom and right ) #544

Open
vincent-lecrubier-skydio opened this issue Mar 11, 2024 · 0 comments · Fixed by #621 · May be fixed by #628
Open

floatingGroups support for CSS absolute box attributes (bottom and right ) #544

vincent-lecrubier-skydio opened this issue Mar 11, 2024 · 0 comments · Fixed by #621 · May be fixed by #628
Labels
enhancement New feature or request

Comments

@vincent-lecrubier-skydio
Copy link

vincent-lecrubier-skydio commented Mar 11, 2024

Floating groups can only be specified with left, top, height, width:

export interface Box {
    left: number;
    top: number;
    height: number;
    width: number;
}

It's useful in CSS to be able to "anchor"views to corners other than top left, e.g. using bottom and right attributes

export interface Box {
    left: number;
    right: number;
    top: number;
    bottom: number;
    height: number;
    width: number;
}

Would be super useful to expose this capability in dockview as it would allow floating groups that are:

  • Fixed size, Top-left anchored 🟢
  • Fixed size, Top-right anchored 🔴
  • Variable width Top anchored 🔴
  • Fixed size Bottom-left anchored 🔴
  • Fixed size Bottom-right anchored 🔴
  • Variable width Bottom anchored 🔴
  • Variable height Left anchored 🔴
  • Variable height Right anchored 🔴
  • Variable height, Variable width 🔴

I could do it myself in JS with manual window size management above dockview, but it sucks

This is most useful for pre-defined views for end users, not sure how we could allow UI to let the user pick where to anchor their view when editing, but I don't think it's needed at first.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
2 participants