[PR #67] fix: remove explorer scaleY transforms and terminal tabs width overrides #107

New issue

Open

opened 2026-05-06 13:13:24 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 13:13:24 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/bwya77/vscode-dark-islands/pull/67
Author: @santigamo
Created: 2/18/2026
Status: 🔄 Open

Base: main ← Head: fix/explorer-scroll-and-terminal-tabs

📝 Commits (1)

2dd261a fix: remove explorer scaleY transforms and terminal tabs width overrides

📊 Changes

1 file changed (+0 additions, -16 deletions)

View changed files

📝 settings.json (+0 -16)

📄 Description

Summary

Remove scaleY(1.15) / scaleY(0.87) transforms on .explorer-folders-view rows that break VS Code's virtualized list — causes files beyond a certain depth to disappear and mouse scrolling to stop working
Remove min-width: 220px, margin-right: 20px, and width: calc(100% - 20px) on terminal tab rows that clip the close (X) button when the terminal tabs panel is narrower than 220px

Root cause

Explorer: VS Code uses a virtualized list for the file explorer. The CSS transforms scale rows visually but the scroll position calculations still use original dimensions, causing items to become unreachable and scroll to break entirely.

Terminal tabs: The forced min-width: 220px on the terminal tabs container combined with width: calc(100% - 20px) and margin-right: 20px on each row clips the action buttons (close/X) at the right edge when the panel is narrower than the forced minimum.

Fixes

Fixes #27 (Explorer not showing folders beyond a certain depth)
Fixes #12 (Too many items in file explorer break it)
Fixes #20 (Some files are not being displayed via the explorer)

Test plan

Open a project with deeply nested folders — all files/folders should be visible and scrollable
Open multiple terminals — the close (X) button should be visible on hover in the terminal tabs panel
Resize the terminal tabs panel to various widths — no clipping should occur

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/bwya77/vscode-dark-islands/pull/67 **Author:** [@santigamo](https://github.com/santigamo) **Created:** 2/18/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `fix/explorer-scroll-and-terminal-tabs` --- ### 📝 Commits (1) - [`2dd261a`](https://github.com/bwya77/vscode-dark-islands/commit/2dd261adf619f728e874d8d3602d7d7e0c3fa0b3) fix: remove explorer scaleY transforms and terminal tabs width overrides ### 📊 Changes **1 file changed** (+0 additions, -16 deletions) <details> <summary>View changed files</summary> 📝 `settings.json` (+0 -16) </details> ### 📄 Description ## Summary - Remove `scaleY(1.15)` / `scaleY(0.87)` transforms on `.explorer-folders-view` rows that break VS Code's virtualized list — causes files beyond a certain depth to disappear and mouse scrolling to stop working - Remove `min-width: 220px`, `margin-right: 20px`, and `width: calc(100% - 20px)` on terminal tab rows that clip the close (X) button when the terminal tabs panel is narrower than 220px ## Root cause **Explorer:** VS Code uses a virtualized list for the file explorer. The CSS transforms scale rows visually but the scroll position calculations still use original dimensions, causing items to become unreachable and scroll to break entirely. **Terminal tabs:** The forced `min-width: 220px` on the terminal tabs container combined with `width: calc(100% - 20px)` and `margin-right: 20px` on each row clips the action buttons (close/X) at the right edge when the panel is narrower than the forced minimum. ## Fixes - Fixes #27 (Explorer not showing folders beyond a certain depth) - Fixes #12 (Too many items in file explorer break it) - Fixes #20 (Some files are not being displayed via the explorer) ## Test plan - [ ] Open a project with deeply nested folders — all files/folders should be visible and scrollable - [ ] Open multiple terminals — the close (X) button should be visible on hover in the terminal tabs panel - [ ] Resize the terminal tabs panel to various widths — no clipping should occur --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>