[Feature Request] Wider Log-Viewer/Terminal

[vinnpinn]

Currently most log entries are broken into multiple lines since the Log Viewer ist quite small, making it quite hard to read:

Maybe moving the Terminal above Containers and compose.yaml might work, just something I quickly threw together using my limited inspect element knowledge:

[louislam]

Off topic, just want to let you know, since the volumes config is not correct, some data will be stored in /my-stacks in the host

The correct one should be:

volumes:
  ...
  - /docker:/docker
environment:
  - DOCKGE_STACKS_DIR=/docker

Don't forget to put /my-stacks's data back to /docker.

[holocronology]

Took me a few minutes to figure out this is what you meant in your notes. Maybe it needs to be clearer in the examples:

[vinnpinn]

oh, thank you :)

[holocronology]

Also, you refer to /my-stacks and /opt/stacks in different examples.

This is what I ended up with:

[louislam]

@holocronology You cannot do that, as I said. Any paths that written in relative path (e.g. ./data) will be written into /opt/stacks/<stackName>/data in your case.

[holocronology]

Are you suggesting my above compose shouldn't work? It does.

What should it be?

[holocronology]

The compose.yaml box suffers from similar width issues, word/line wrapping, etc.

It would be better in a wider section also.

[trythatagain]

Perhaps when editing it uses most of the width by moving the 'Network box' along side container box and then having the edit widow below that and use all the width?

[Emiliaaah]

This feature would be great to have, maybe even an optional full screen option? For when you have to dive into the logs.

[mdeeter]

I too wish I could make the terminal wider to be easier to read output and editor bigger when editing.

I'd be happy if the instance list on the left was collapsible.... or at least narrower... my instance names generally cover 50% of the width of the left panel.

Alternatively, another change that could make it easier to view would be to just move the compose.yml editor to the bottom of the page.

Even better would be to create a grid system and let the user select a layout where they could move the panels to whatever order they like.

Currently, I'm making it bearable by zooming the page out to 80%... but then the left instance-list panel becomes even more wasteful.

[eded333]

#437 (comment)

[draeron]

compose and logs frame should be in the same column aka one over the other to be full width, use a tab or accordion

[mdeeter]

I ended up using uBlock with Chome to make mine like this:

using these uBlock settings to insert CSS

[aleeraser]

@mdeeter rules for easier copying&pasting

DOCKGE_URL##div.col-lg-6:style(max-width: none !important; width: 100% !important;)
DOCKGE_URL##div.terminal:style(font-size:0.6em !important;)
DOCKGE_URL##div.container.mb-3.big-padding.shadow-box:style(max-width: none !important; width: 100% !important) 

[zanphear]

YOU Sir are an absolute legend. I didn't even know uBlock could do this. This has opened up an entire playground for me I didn't know existed!

[ReanimationXP]

+1, legendary. THANK YOU!

p.s. OP, @aleeraser, and for anyone who wants to use this, and OP, obviously replace DOCKGE_URL with your instance domain or IP. Note that it should be ONLY your domain OR the IP.. despite the name do not enter the full URL including http and such. For example,

domain.com##div.col-lg-6:style(max-width: none !important; width: 100% !important;)
domain.com##div.terminal:style(font-size:0.6em !important;)
domain.com##div.container.mb-3.big-padding.shadow-box:style(max-width: none !important; width: 100% !important)

[YoanAncelly]

Hello ! I've worked on an expand panel for your feature request.

Here is the PR : #678

[revenz]

Heres the style just as css if you want to use a custom css extension

div.col-lg-6 {
    max-width: none !important;
    width: 100% !important;
}

div.termina {
    font-size: 0.6em !important;
}

div.container.mb-3.big-padding.shadow-box {
    max-width: none !important;
    width: 100% !important
}

[ruruchiii]

Just what I was looking for, thanks.

[ReanimationXP]

I always forget I can do this.. lol.

[memilanuk]

Seems to be a pretty common/popular request... any chance this is going to get rolled into the main release sometime soon? Not everybody is working on a big widescreen monitor - those of us on laptops are suffering a bit here ;)