QDockWidgets Titlebar have giant toolbars on Mac

Question

thomasaarholt opened this issue 8 years ago · 10 comments

The Titlebar of the docked windows in the UI are very vertically wide on Mac. On Linux and Windows they look great.

Answer 1 · 2017-04-13T17:05:02.000Z

Undocked they look like this:

Answer 2 · 2017-04-16T13:59:16.000Z

Could you try the style edit PR ( #133 ), and enter the following in the style editor:

QDockWidget::title {
    padding: 0px;  /* try varying this number */
}

The padding can also be 0px 5px for different padding horz/vert or 4 values for left/right/top/bottom (not sure about order).

Answer 3 · 2017-04-16T19:42:24.000Z

See comments to #133

Answer 4 · 2017-04-20T20:18:02.000Z

QDockWidget::title {
    padding: 10px;  /* try varying this number */
}

is the minimum padding size I can specify. Will try to play max/min.

Answer 5 · 2017-04-20T20:22:49.000Z

padding: 20 works, without the px ending.
Padding seems to be dependent only on the first number, see example and comment below:

QDockWidget::title {
    padding: 10px 20px 30px 40px; /* All just 10*/
}

Edit:
On further testing, only padding-top has any effect, so it seems like all other paddings are "turned off". Negative values have no effect.

Answer 6 · 2017-04-21T08:07:43.000Z

Does the other paddings work if you replace the icons?

Answer 7 · 2017-04-21T08:08:50.000Z

Will try tonight.

Answer 8 · 2017-04-22T10:42:54.000Z

Minimum example that is "acceptable" on my Mac:

QDockWidget::close-button, QDockWidget::float-button {
    icon-size: 15px;
    padding: 1px;
}

Answer 9 · 2017-04-22T10:51:31.000Z

Just to show, I can make it a lot more sexy for Mac as well:

Answer 10 · 2017-04-22T10:53:59.000Z

Making the button image change on hover is difficult (probably a bug), but there is a workaround:
http://stackoverflow.com/questions/32145080/qdockwidget-float-close-button-hover-images