Activity Bar icons are no longer centered when position is set to wide?

[jonathanlaniado]

See here:

[lehni]

I've had the same problem. A quick work-around is to fix this with some custom CSS. This in your settings.json file should work:

"customizeUI.stylesheet": {
  ".monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item .action-label": "margin: 0 auto;"
}

[jonathanlaniado]

@lehni, that's a great fix, thank you. Previously, I was using this, but I didn't like the hardcoded pixels.

"customizeUI.stylesheet": {
    "li.action-item.icon": "padding-left: 12.5px;",
},

In any case, I would love to not rely on a custom stylesheet!

[ikai2]

thank you very much for this fix, I've trying to fix this for hours

[knopp]

PRs would be welcome :)

[lehni]

I don't have the time to look into the code base, the work-around works for me… But it should be easy to adjust.

[icharge]

I just add this, so you can move window when workbench is empty (no tabs).

"customizeUI.stylesheet": {
  ".monaco-workbench .part.editor > .content .editor-group-container.empty.active": "-webkit-app-region: drag;"
}