diff --git a/src/vs/workbench/contrib/modernUI/browser/media/connectedEditorTabs.css b/src/vs/workbench/contrib/modernUI/browser/media/connectedEditorTabs.css index 55933caa1a4cb5..c9fd57a5cef2b2 100644 --- a/src/vs/workbench/contrib/modernUI/browser/media/connectedEditorTabs.css +++ b/src/vs/workbench/contrib/modernUI/browser/media/connectedEditorTabs.css @@ -400,7 +400,7 @@ content: ''; position: absolute; top: 0; - bottom: var(--modern-ui-connected-tab-shoulder-radius); + bottom: 0; right: var(--modern-ui-connected-tab-shoulder-radius); width: var(--modern-ui-connected-tab-cap-radius); box-sizing: border-box; diff --git a/src/vs/workbench/test/browser/parts/editor/multiEditorTabsControl.test.ts b/src/vs/workbench/test/browser/parts/editor/multiEditorTabsControl.test.ts index 97b5400cb6b5c7..99f90591dc05db 100644 --- a/src/vs/workbench/test/browser/parts/editor/multiEditorTabsControl.test.ts +++ b/src/vs/workbench/test/browser/parts/editor/multiEditorTabsControl.test.ts @@ -871,7 +871,7 @@ suite('MultiEditorTabsControl', () => { highContrastRight.push({ theme, width, mask: mainWindow.getComputedStyle(overflowEdge, '::after').backgroundColor, - capMeetsShoulder: parseFloat(cap.bottom) === parseFloat(shoulder.height), + capReachesBottom: parseFloat(cap.bottom) === 0, strokesAlign: capRight - parseFloat(cap.borderRightWidth) === shoulderLeft, baselineAligns: outline.getBoundingClientRect().bottom === tabs.getBoundingClientRect().bottom, }); @@ -909,10 +909,10 @@ suite('MultiEditorTabsControl', () => { hiddenAtFillEdge: ['none', 'none'], highContrast: { clipping: '0px', edge: 'block', connectedClass: true }, highContrastRight: [ - { theme: 'hc-black', width: 240, mask: 'rgb(0, 0, 0)', capMeetsShoulder: true, strokesAlign: true, baselineAligns: true }, - { theme: 'hc-black', width: 324, mask: 'rgb(0, 0, 0)', capMeetsShoulder: true, strokesAlign: true, baselineAligns: true }, - { theme: 'hc-light', width: 240, mask: 'rgb(255, 255, 255)', capMeetsShoulder: true, strokesAlign: true, baselineAligns: true }, - { theme: 'hc-light', width: 324, mask: 'rgb(255, 255, 255)', capMeetsShoulder: true, strokesAlign: true, baselineAligns: true }, + { theme: 'hc-black', width: 240, mask: 'rgb(0, 0, 0)', capReachesBottom: true, strokesAlign: true, baselineAligns: true }, + { theme: 'hc-black', width: 324, mask: 'rgb(0, 0, 0)', capReachesBottom: true, strokesAlign: true, baselineAligns: true }, + { theme: 'hc-light', width: 240, mask: 'rgb(255, 255, 255)', capReachesBottom: true, strokesAlign: true, baselineAligns: true }, + { theme: 'hc-light', width: 324, mask: 'rgb(255, 255, 255)', capReachesBottom: true, strokesAlign: true, baselineAligns: true }, ], reset: '', });