VSCode hide top-right icons

Question

I\'m a big fan of VScode\'s minimalist approach, but one thing is bugging me. I would like to hide editor-tab icons.

The icons are from extensions: gi

Answer 1

I faced the same problem and Alex's answer helped me a lot (showing the icons on hover only).

But I still had an issue, especially when coding in a small window:

Let's say I want to open the file "styles.css" using the tabs bar:

As soon as my mouse enters the tabs zone, the menu shows up (because of the hover trick) and I can't click my tab because it's below the icons:

So I came up with this idea:

Showing the icons bar below the tabs (not over the tabs) when hovering

Here is the result:

Here is how I did it:

.tabs-and-actions-container .editor-actions {
    display: none !important;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1;
    background-color: #2D2D2D;
}
.tabs-and-actions-container:hover .editor-actions {
    display: flex !important;
}
.title.tabs.show-file-icons {
    overflow: unset !important;
}