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

fix(electron): adjust app-tabs-header styles (#7961)

Browse Source 
![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
This commit is contained in:
pengx17
2024-08-26 09:34:27 +00:00
parent bc86f0a672
commit 611925fa10
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
+6 -6
View File
@@ -42,7 +42,7 @@ export const tabs = style({
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
paddingLeft: 8, paddingLeft: 8,
overflow: 'clip', overflow: 'hidden',
height: '100%', height: '100%',
selectors: { selectors: {
'&[data-pinned="true"]': { '&[data-pinned="true"]': {
@@ -70,7 +70,7 @@ export const tabWrapper = style({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
height: '100%', height: '100%',
overflow: 'clip', overflow: 'hidden',
position: 'relative', position: 'relative',
padding: '0 6px', padding: '0 6px',
margin: '0 -6px', margin: '0 -6px',
@@ -133,14 +133,14 @@ export const tabCloseButtonWrapper = style({
overflow: 'clip', overflow: 'clip',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
paddingRight: 8, paddingRight: 6,
justifyContent: 'flex-end', justifyContent: 'flex-end',
selectors: { selectors: {
[`${tab}:is([data-active=true], :hover) &:not(:empty)`]: { [`${tab}:is([data-active=true], :hover) &:not(:empty)`]: {
width: 40, width: 48,
}, },
[`${splitViewLabel}:last-of-type[data-active=true] + &`]: { [`${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] + &`]: { [`${splitViewLabel}:last-of-type[data-active=false] + &`]: {
background: `linear-gradient(270deg, ${cssVarV2('tab/tabBackground/default')} 65.71%, rgba(244, 244, 245, 0.00) 100%)`, 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', textOverflow: 'clip',
}, },
[`${splitViewLabel}:last-of-type [data-padding-right="true"]&`]: { [`${splitViewLabel}:last-of-type [data-padding-right="true"]&`]: {
paddingRight: 20, paddingRight: 32,
}, },
}, },
}); });