luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(electron): pinned tab style (#8232)

Browse Source 
fix PD-1687
This commit is contained in:
pengx17
2024-09-13 09:40:27 +00:00
parent 1d7932851e
commit 3c1cd6b648
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/core/src/modules/app-tabs-header/views/app-tabs-header.tsx
View File

@@ -237,7 +237,7 @@ const WorkbenchTab = ({
<Loading /> <Loading />
)} )}
</div> </div>
{workbench.pinned || !view.title ? null : ( {!view.title ? null : (
<div <div
title={view.title} title={view.title}
className={styles.splitViewLabelText} className={styles.splitViewLabelText}
@@ -254,9 +254,8 @@ const WorkbenchTab = ({
</Fragment> </Fragment>
); );
})} })}
{!workbench.pinned ? (
<div className={styles.tabCloseButtonWrapper}> <div className={styles.tabCloseButtonWrapper}>
{tabsLength > 1 ? ( {tabsLength > 1 && !workbench.pinned ? (
<button <button
data-testid="close-tab-button" data-testid="close-tab-button"
className={styles.tabCloseButton} className={styles.tabCloseButton}
@@ -266,7 +265,6 @@ const WorkbenchTab = ({
</button> </button>
) : null} ) : null}
</div> </div>
) : null}
</div> </div>
<div className={styles.dropIndicator} data-edge={closestEdge} /> <div className={styles.dropIndicator} data-edge={closestEdge} />
</div> </div>

2
packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
View File

@@ -98,7 +98,7 @@ export const tab = style({
boxShadow: cssVar('buttonShadow'), boxShadow: cssVar('buttonShadow'),
}, },
'&[data-pinned="true"]': { '&[data-pinned="true"]': {
flexShrink: 0, maxWidth: 64,
}, },
[`${tabWrapper}[data-dragging="true"] &`]: { [`${tabWrapper}[data-dragging="true"] &`]: {
boxShadow: `0 0 0 1px ${cssVar('primaryColor')}`, boxShadow: `0 0 0 1px ${cssVar('primaryColor')}`,