From 611925fa1035af3f169cbf8a155d8e5c55eb669d Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Mon, 26 Aug 2024 09:34:27 +0000
Subject: [PATCH] fix(electron): adjust app-tabs-header styles (#7961)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/6dc54c24-e90f-4c3f-a743-ce7f4512e616.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/3cbfe8f8-d4b8-4167-b557-89184bdcce9c.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/28ba3ad1-22a7-487a-a9a4-d53a658457f9.png)

also fix PD-1631
---
 .../src/modules/app-tabs-header/views/styles.css.ts  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts b/packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
index 1bfad2927b..dd71af2788 100644
--- a/packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
+++ b/packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
@@ -42,7 +42,7 @@ export const tabs = style({
   flexDirection: 'row',
   alignItems: 'center',
   paddingLeft: 8,
-  overflow: 'clip',
+  overflow: 'hidden',
   height: '100%',
   selectors: {
     '&[data-pinned="true"]': {
@@ -70,7 +70,7 @@ export const tabWrapper = style({
   display: 'flex',
   alignItems: 'center',
   height: '100%',
-  overflow: 'clip',
+  overflow: 'hidden',
   position: 'relative',
   padding: '0 6px',
   margin: '0 -6px',
@@ -133,14 +133,14 @@ export const tabCloseButtonWrapper = style({
   overflow: 'clip',
   display: 'flex',
   alignItems: 'center',
-  paddingRight: 8,
+  paddingRight: 6,
   justifyContent: 'flex-end',
   selectors: {
     [`${tab}:is([data-active=true], :hover) &:not(:empty)`]: {
-      width: 40,
+      width: 48,
     },
     [`${splitViewLabel}:last-of-type[data-active=true] + &`]: {
-      background: `linear-gradient(270deg, ${cssVarV2('tab/tabBackground/active')} 52.86%, rgba(255, 255, 255, 0.00) 100%)`,
+      background: `linear-gradient(270deg, ${cssVarV2('tab/tabBackground/active')} 50%, rgba(255, 255, 255, 0.00) 100%)`,
     },
     [`${splitViewLabel}:last-of-type[data-active=false] + &`]: {
       background: `linear-gradient(270deg, ${cssVarV2('tab/tabBackground/default')} 65.71%, rgba(244, 244, 245, 0.00) 100%)`,
@@ -215,7 +215,7 @@ export const splitViewLabelText = style({
       textOverflow: 'clip',
     },
     [`${splitViewLabel}:last-of-type [data-padding-right="true"]&`]: {
-      paddingRight: 20,
+      paddingRight: 32,
     },
   },
 });