Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-07 01:09:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: tab label overflow style when there is only one tab (#7665)

Browse Source 
before
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/d610e543-db1d-4671-a9f4-a31480f26dd7.png)

after
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/ab1c53b7-8cdd-443b-9371-fdf9bb6c85ae.png)
This commit is contained in:
pengx17
2024-07-31 07:03:27 +00:00
parent e1e1b29afb
commit 812fdd27b5
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/core/src/modules/app-tabs-header/views/app-tabs-header.tsx
+4 -4
View File
@@ -125,8 +125,8 @@ const WorkbenchTab = ({
</Fragment> </Fragment>
); );
})} })}
{!workbench.pinned && tabsLength > 1 ? ( <div className={styles.tabCloseButtonWrapper}>
<div className={styles.tabCloseButtonWrapper}> {!workbench.pinned && tabsLength > 1 ? (
<button <button
data-testid="close-tab-button" data-testid="close-tab-button"
className={styles.tabCloseButton} className={styles.tabCloseButton}
@@ -134,8 +134,8 @@ const WorkbenchTab = ({
> >
<CloseIcon /> <CloseIcon />
</button> </button>
</div> ) : null}
) : null} </div>
</div> </div>
); );
}; };
packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
+1 -1
View File
@@ -148,7 +148,7 @@ export const tabCloseButtonWrapper = style({
paddingRight: 4, paddingRight: 4,
justifyContent: 'flex-end', justifyContent: 'flex-end',
selectors: { selectors: {
[`${tab}:is([data-active=true], :hover) &`]: { [`${tab}:is([data-active=true], :hover) &:not(:empty)`]: {
width: 40, width: 40,
}, },
[`${tab}[data-active=true] &`]: { [`${tab}[data-active=true] &`]: {