admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: replace iframe with chrome sidepanel (#5197)

Browse Source 
fixes - #5201


https://github.com/twentyhq/twenty/assets/13139771/871019c6-6456-46b4-95dd-07ffb33eb4fd

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Aditya Pimpalkar
2024-05-21 09:39:43 +01:00
committed by GitHub
parent 4907ae5a74
commit eb78be6c61
21 changed files with 456 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-chrome-extension/src/options/modules/ui/input/button/MainButton.tsx
View File

@ -22,7 +22,7 @@ const StyledButton = styled.button<
switch (variant) {
case 'primary':
return theme.background.radialGradient;
return theme.background.primaryInverted;
case 'secondary':
return theme.background.primary;
default:
@ -37,7 +37,7 @@ const StyledButton = styled.button<
switch (variant) {
case 'primary':
return theme.background.transparent.light;
return theme.background.transparent.strong;
case 'secondary':
return theme.border.color.medium;
default:
@ -59,7 +59,7 @@ const StyledButton = styled.button<
switch (variant) {
case 'primary':
return theme.grayScale.gray0;
return theme.font.color.inverted;
case 'secondary':
return theme.font.color.primary;
default:
@ -88,7 +88,7 @@ const StyledButton = styled.button<
default:
return `
&:hover {
background: ${theme.background.radialGradientHover}};
background: ${theme.background.primaryInvertedHover}};
}
`;
}

2
packages/twenty-chrome-extension/src/options/modules/ui/theme/constants/BackgroundDark.ts
View File

@ -23,4 +23,6 @@ export const BACKGROUND_DARK = {
overlay: RGBA(GRAY_SCALE.gray80, 0.8),
radialGradient: `radial-gradient(50% 62.62% at 50% 0%, #505050 0%, ${GRAY_SCALE.gray60} 100%)`,
radialGradientHover: `radial-gradient(76.32% 95.59% at 50% 0%, #505050 0%, ${GRAY_SCALE.gray60} 100%)`,
primaryInverted: GRAY_SCALE.gray20,
primaryInvertedHover: GRAY_SCALE.gray15,
};

2
packages/twenty-chrome-extension/src/options/modules/ui/theme/constants/BackgroundLight.ts
View File

@ -23,4 +23,6 @@ export const BACKGROUND_LIGHT = {
overlay: RGBA(GRAY_SCALE.gray80, 0.8),
radialGradient: `radial-gradient(50% 62.62% at 50% 0%, #505050 0%, ${GRAY_SCALE.gray60} 100%)`,
radialGradientHover: `radial-gradient(76.32% 95.59% at 50% 0%, #505050 0%, ${GRAY_SCALE.gray60} 100%)`,
primaryInverted: GRAY_SCALE.gray60,
primaryInvertedHover: GRAY_SCALE.gray55,
};