Code Monkey home page Code Monkey logo

Comments (3)

projectdelphai avatar projectdelphai commented on June 15, 2024 1

This is something I've already been thinking about mostly because it's pretty annoying to create a new group and then have it only spawn in the far left. So having it have some sort of arrangement system/snapping to grid would be nice.

from panorama-tab-groups.

vaxul avatar vaxul commented on June 15, 2024

I was thinking in a similar direction.

EDIT: Okay I spend some time now in case I can't in the next days.
I pushed 3 commits to my feature branch:
https://github.com/vaxul/panorama-tab-groups/tree/feature/update_layout

I altered:

  • refactored the first unnecessary position: absolutes out of the CSS
  • refined the view base
  • polished the toolbar a bit more
  • use a basic CSS grid for the groups
  • use CSS flexbox for the tabs

This works fine in the first tests. Known issues:

  • manual placing of groups is not possible - of course
  • I don't know what to do with the drag_indicator
  • it is currently not possible to alter the order of the groups
  • we have to refine how the CSS grid for the groups should behave

With this relative simple changes we could remove some not trivial logic within the JavaScript. I commented some parts for the size calculations out.

@projectdelphai could you test this and give me some feedback, please?

thanks

from panorama-tab-groups.

projectdelphai avatar projectdelphai commented on June 15, 2024

Done with the latest tiling pull request that I just merged in. You can now switch to tiling mode.

from panorama-tab-groups.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.