[SOLVED] Reducing the vertical size of Thunar toolbar

SeekerOfAnswer · 2023-10-10 05:26:34

The toolbar buttons in Thunar were different sizes, which annoyed me. I used the hidden setting misc-small-toolbar-icons to get them the same size, which worked fine. Now the toolbar doesn't need to be as big vertically, and it looks weird with so much useless padding, so I'd like to shrink it a bit. Is there another hidden setting or CSS-tweak with which I can accomplish this? Perhaps I'd even reduce the horizontal padding between the buttons, but that doesn't bother me nearly as much.

Last edited by SeekerOfAnswer (2023-10-12 15:14:17)

ToZ · 2023-10-10 10:07:09

Hello and welcome.

Which distro and version of thunar are you using?
Which appearance (GTK) theme and icon themes are you using?

Are you able to post a screen shot of thunar with the smaller toolbar icons and the extra vertical space?

SeekerOfAnswer · 2023-10-10 18:53:47

Distro: Linux Mint 21.2
Thunar: 4.18.4
Theme: Mint-Y-Dark
Icons: Papirus-Dark

Toolbar

As you hopefully can see, the location bar and the toolbar itself are very big compared to the icons. I am hoping the toolbar, or at least the location bar, can be made smaller as easily as the icons.

ToZ · 2023-10-10 23:26:50

As a first take, how about removing all of the padding:

.thunar toolbar {padding: 0}

Put this in ~/.config/gtk-3.0/gtk.css and restart thunar (including the daemon if its running) or log out and back in again.

SeekerOfAnswer · 2023-10-11 05:51:56

That does indeed make the toolbar smaller, great! However, is it also possible to resize the location bar to be a bit smaller vertically? The toolbar cannot get any smaller since the location bar limits its minimum size.

Toolbar

Last edited by SeekerOfAnswer (2023-10-11 05:57:25)

ToZ · 2023-10-11 09:54:13

Try also removing all the padding for the elements within the toolbar:

.thunar toolbar * {padding: 0}

After that, you can look at using negative margins and scaling images to get more compression:

.thunar toolbar * {padding: 0; font-size: 10px; margin-top: -3px; margin-bottom: -3px}
.thunar toolbar .location-button image {-gtk-icon-transform: scale(0.6);}
.thunar toolbar .image-button image {-gtk-icon-transform: scale(0.6);}

...adjust the "-3px" and "0.6" values to suit.

SeekerOfAnswer · 2023-10-12 07:52:26

.thunar toolbar * {padding: 0;}

This does almost exactly what I wanted, excellent!

While it does reduce the toolbar size, it also reduces the gaps between the location bar "locations" to zero (there's no longer a small space between the user, Documents, and HereThereBeDocuments directories in the location bar). The icons and their gaps are fine. Here is an image, which hopefully clarifies what I'm talking about.

Toolbar

Is there a way to preserve the horizontal padding only for the location bar locations? I tried the following based on your reply but it seemed to only affect the location bar icon:

.thunar toolbar .location-button image {padding-left: 5px; padding-right: 5px;}]

Edit: Figured it out, the correct one to use was:

.thunar toolbar .location-button {padding-left: 5px; padding-right: 5px;}

Last edited by SeekerOfAnswer (2023-10-12 08:22:08)

SeekerOfAnswer · 2023-10-12 08:57:02

I have two final answers to seek.

First, as a result of setting the padding of all elements to 0, I'd like to add some horizontal padding to the location bar when using it as a text field (when typing the location manually by clicking on it or using the Search for Files... button). The directory/search icon (left) and the typed text (right) are very close to the location bar edges.

Toolbar1

Second, is there also a way to reduce the vertical size of the columns (name, size, type, date modified etc.)?

Last edited by SeekerOfAnswer (2023-10-12 09:28:54)

ToZ · 2023-10-12 10:21:43

SeekerOfAnswer wrote:

First...

Try something like:

.thunar toolbar entry image {padding-right: 5px}

Second, is there also a way to reduce the vertical size of the columns (name, size, type, date modified etc.)?

Something like this?

.thunar .standard-view .view button {padding-top: 0; padding-bottom: 0}

SeekerOfAnswer · 2023-10-12 15:12:59

Something like that indeed! Insane how everything in Xfce can be customized to one's liking. Thank you very much!

Based on your answer, I also added this to make the sides look even nicer:

.thunar toolbar entry {padding-left: 5px; padding-right: 5px;}

Thank you again!

Xfce Forum

Sub domains

#1 2023-10-10 05:26:34

[SOLVED] Reducing the vertical size of Thunar toolbar

#2 2023-10-10 10:07:09

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#3 2023-10-10 18:53:47

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#4 2023-10-10 23:26:50

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#5 2023-10-11 05:51:56

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#6 2023-10-11 09:54:13

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#7 2023-10-12 07:52:26

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#8 2023-10-12 08:57:02

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#9 2023-10-12 10:21:43

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

#10 2023-10-12 15:12:59

Re: [SOLVED] Reducing the vertical size of Thunar toolbar

Board footer