Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-24 09:52:49 +08:00
Code Issues 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

26
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,19 +254,17 @@ const WorkbenchTab = ({
</Fragment> </Fragment>
); );
})} })}
{!workbench.pinned ? ( <div className={styles.tabCloseButtonWrapper}>
<div className={styles.tabCloseButtonWrapper}> {tabsLength > 1 && !workbench.pinned ? (
{tabsLength > 1 ? ( <button
<button data-testid="close-tab-button"
data-testid="close-tab-button" className={styles.tabCloseButton}
className={styles.tabCloseButton} onClick={handleCloseTab}
onClick={handleCloseTab} >
> <CloseIcon />
<CloseIcon /> </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')}`,