Ubuntu – How to decrease the padding of dock icons in ubuntu 20.04

20.04dash-to-dockdockiconsubuntu-dock

I am using ubuntu 20.04 LTS. I don't know how I did this, but I tried to customize my dock settings using dash to dock extension. But then I realized that the space between 2 icons on the dock is too much and I don't like it. I need the default values. There isn't any option in the dconF-editor also. As you can see in these images, there is a huge space between my dock icons. Is there any method to correct this?

This is how my dock appears

This is the default dock

Best Answer

You can do this following these two steps described below -

Change dashToDock extension setting -

a. open dconf editor

b. go to org/gnome/shell/extensions/dash-to-dock/

c. turn on custom-theme-shrink
Now you have to change theme css file -

a. now go to /usr/share/themes/Yaru-dark/gnome-shell/

(I'm assuming that you are using Yaru-dark shell theme)

b. open gnome-shell.css file in a text editor

c. search these lines of code -
```
#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
padding: 2px 4px !important; }
```
d. change padding to -
```
padding: 0px 0px !important;
```

Now restart your gnome-shell by pressing Alt+f2 and then running r command

Related Solutions

Ubuntu – Few application icons not appearing in Ubuntu Dock after upgrading to Ubuntu 17.10

_{Try this method in an Xorg session, not sure whether it would work in a Wayland session.}

Launch one such application, say Terminator, whose correct icon is not seen in Ubuntu Dock.
Run xprop WM_CLASS in Terminal. The cursor should turn into a crosshair.
Place the crosshair over Terminator and click. You should get a WM_CLASS string for Terminator.
Open Terminator's .desktop file and add the following line
```
StartupWMClass=OBTAINED-VALUE
```
In place of OBTAINED-VALUE put a value you got from step 3 without any quotes.
Save the .desktop file.

Ubuntu – Ubuntu 20.04 not updating icons on dock

I had the exact same problem, so I investigated.

The root cause is a JS error in /usr/share/gnome-shell/extensions/ubuntu-dock@ubuntu.com/dash.js: JS ERROR: TypeError: firstIcon is undefined (can be seen in journalctl /usr/bin/gnome-shell -f).

I edited the file in-place to make sure this was indeed the problem, and replaced:

        let firstIcon = firstButton.icon;
        
        // Enforce the current icon size during the size request
        firstIcon.setIconSize(this.iconSize);

with

        let firstIcon = firstButton.icon;
        
        // Enforce the current icon size during the size request
        if (firstIcon) {
            firstIcon.setIconSize(this.iconSize);
        }

ensuring that the execution is not stopped if firstIcon is undefined. Then I reloaded the gnome shell using Alt+F2 then r, and lo and behold, the issue was gone!

I haven't investigated the reason why firstIcon was null to begin with. Therefore, I don't know if I have corrected the issue or just one of its symptoms, so I'm not sure if this should be turned into a PR or just a documented bug-report.

Best Answer

Related Solutions

Ubuntu – Few application icons not appearing in Ubuntu Dock after upgrading to Ubuntu 17.10

Ubuntu – Ubuntu 20.04 not updating icons on dock

Related Question