Answer a question

In VSCode, is there a way to hide the top action menu bar that appears in the tabs row? I rarely use it and I find that it crowds the already limited space available to browse through open tabs. Moreover, its presentation is also inconsistent, especially when split panes are activated.

I'm not sure if I am referring to this VSCode functionality properly, so here's a screenshot demonstrating what I'm talking about (file names had to be blurred out due to NDA reasons):

Thank you.

Answers

Context

It is called editor actions and, within the standard/native VSCode settings, you cannot hide it.

A setting to hide this annoying bar is an open issue at VScode's GitHub since March 2018.

Fixes

Removing the whole bar

I feel your pain. This worked for me:

1. Install the Customize UI extension.
2. Open your user settings JSON: cmd + shift + P / ctrl + shift + P
3. Add this setting:

  "customizeUI.stylesheet": {
    ".editor-actions": "display: none !important;",
  },

It is gone!

Removing specific icons, by position

The foremost left icon is the number 1.

Example in plain CSS:

.menu-item-action-item-icon-1,
.menu-item-action-item-icon-3 {
  display: none !important;
}

Example using Customize UI extension:

  "customizeUI.stylesheet": {
    ".menu-item-action-item-icon-1": "display: none !important;",
    ".menu-item-action-item-icon-3": "display: none !important;",
  },

Removing just Gitlens icons

Gitlens icons can be hidden within Gitlens' settings:

"gitlens.menus": {
    "editorGroup": {
        "blame": false,
        "compare": false
    },
},