@User uploaded a file: and commented: Thick border on expanded Project Browser @edvin

@User uploaded a file: and commented: Closed Project Browser (and others)

So the border is added to the right side of what I call the content area for the Drawer. OK, I'll add some samples with a view docked in the center as well to see how this looks.

@edvin Their lefthand controls actually look like a CSS-style web navigation with the underlines in place of the darkened colors which I think looks nice or at least newer

I recall some messages with @Ruckus about a dark theme so maybe that can be applied to this use case

The right hand side of EA is similar

@User uploaded a file: and commented: Righthand side of EA

@edvin Are you going for a dockable pane effect?

I want to do as little styling as possible, but we should consider creating a couple of themes to include, maybe one light and one dark.

@carlw What does dockable pane effect mean? 🙂

in ea, you can tear these off and form groups

I've made sure that buttons on the left side is rotated -90 deg, while buttons on the right side are rotated 90 deg, like in IDEA.

@carlw I think that's a nice feature to add later 🙂 Also drag and drop reorg.

(watching the zero install video)

Ah, that was a neat little thing 🙂

Now that I don't create the layout myself, this thing will require a lot less testing. So happy I was able to reuse existing layout containers.

It's a bit more expensive to use a vbox and wrap all buttons in Groups to make it respect the actual placement after rotation, but it's worth it. The number of nodes are not huge by any measure.

How would you go about creating a theme for this? Is there a CSS class name convention that you're using?

I have a feeling that a dark theme requirement is going to come across my desk soon

Every control we add has a stylsheet which defines the style classes used, so creating a theme would be pretty easy in that regard.

cool

I have a question about ordering. If you click one, two three, those three content areas will share the space equally and one is first, two is second, three is third. But if I remove two and three, then adds three again, the order is one, three (of course). However, if I now add two, it would appear below three. Is this OK, or should I try to match the button order with the content area order?

(Don't know if that was understandable, bad explanation on my part)

Opening and closing shuffles the items around so that they don't appear in a consistent (x,y)?

Let me try to create a screencast to illustrate.

BTW, I just started Visual Studio and it looks like EA is following that style

@User uploaded a file: and commented: Expanded Cloud Explorer from Visual Studio

@User uploaded a file: bandicam 2017-02-04 17-04-08-767.mp4

What's EA?

SparxSystems Enterprise Architect