GHC 2021-05-06

2 comments.
, https://git.io/J3P2S in johnsoncodehk/volar 
Btw I just realized the icon isn't even rendered correctly. The 64x64 icon is rendered as the `background-image` of the 16x16 `.action-label` without a `background-size`, resulting in the disaster pictured above... If I set `background-size` to 16px, it looks much better and might not even need hiding:

![image](https://user-images.githubusercontent.com/4149852/117288588-3c05a200-ae9e-11eb-865c-830ad77f48e7.png)

This is on VS Code

```
Version: 1.56.0
Commit: cfa2e218100323074ac1948c885448fdf4de2a7f
Date: 2021-05-04T22:06:21.189Z
Electron: 12.0.4
Chrome: 89.0.4389.114
Node.js: 14.16.0
V8: 8.9.255.24-electron.0
OS: Darwin x64 20.4.0
```

in case there are platform-specific differences.
, https://git.io/J3P29 in johnsoncodehk/volar 
Feature request: option to hide split editing action icon
=========================================================

I don't use the split editing feature, so unfortunately the icon adds clutter to the UI. It also looks pretty jarring among other monochrome icons:

![image](https://user-images.githubusercontent.com/4149852/117286372-b254d500-ae9b-11eb-9ac1-c50d33934b19.png)

I wonder if an option can be added to disable it?

If not, this issue could double as a place to share my current solution: I use the [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) extension to inject the following CSS:

```css
.action-label[title="Split <script>, <template>, <style> Editors"] {
  display: none !important;
}
```

Do note that the extension works by modifying VS Code files (what VS Code itself considers corruption), so it's really not a great solution.