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