Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00: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

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

@@ -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,
},
},
});