From 3473100c4aacf6c8ffd604f54717b22f1398c20d Mon Sep 17 00:00:00 2001 From: willkhinz Date: Wed, 25 Mar 2026 17:59:15 -0700 Subject: [PATCH] =?UTF-8?q?fix:=20resolve=20[bug]=20[alpha]=20editor=20tab?= =?UTF-8?q?=20strip=20container=20(`.tabs-container`)=20uses=20`padding:?= =?UTF-8?q?=200`=20=E2=80=94=20no=20outer=20inset=20around=20tab=20row?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: willkhinz --- FIX_PROPOSAL.md | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 FIX_PROPOSAL.md diff --git a/FIX_PROPOSAL.md b/FIX_PROPOSAL.md new file mode 100644 index 0000000..7d0521d --- /dev/null +++ b/FIX_PROPOSAL.md @@ -0,0 +1,33 @@ +To fix the issue of the editor tab strip container (`.tabs-container`) using `padding: 0` and not having an outer inset around the tab row, you can modify the CSS rule for `.tabs-container` to include a small padding value. + +Here is the exact code fix: + +```css +.tabs-container { + display: flex; + align-items: flex-end; /* Align tabs to bottom for fusion effect */ + height: var(--editor-group-tab-height); + padding: 4px; /* Add a small padding value */ + scrollbar-width: none; /* Firefox */ + overflow: hidden; + background-color: var(--jb-panel); + /* NO border-bottom - tabs merge directly with editor */ +} +``` + +Alternatively, you can use a more specific padding value for each side, for example: + +```css +.tabs-container { + display: flex; + align-items: flex-end; /* Align tabs to bottom for fusion effect */ + height: var(--editor-group-tab-height); + padding: 2px 4px; /* Add a small padding value to the top and bottom, and a slightly larger value to the left and right */ + scrollbar-width: none; /* Firefox */ + overflow: hidden; + background-color: var(--jb-panel); + /* NO border-bottom - tabs merge directly with editor */ +} +``` + +You can adjust the padding values to achieve the desired amount of breathing room around the tab strip. \ No newline at end of file