39076df922
Fix version status colored tag + fix trash icon hover ( #8618 )
...
As title
Closes
- https://discord.com/channels/1130383047699738754/1306250586668404736
- https://discord.com/channels/1130383047699738754/1305934421529985055
2024-11-20 18:42:57 +01:00
316537a68a
FIx minor issue related to gap between checkbox & menu item label ( #8220 )
...
## Summary
This pull request addresses a minor issue reported in the #8171 , which
was causing misalignment in the content and overall theme spacing.
Fixes #8171
## Fix
> Removed the 5px padding based on the check if its non hoverable, the
current gap between the checkbox and the icon is 8px as expected.
> For the small variant the total size of the non hoverable component is
14x14 as mentioned in the design, for hoverable its 24x24
> For the Large variant the total size of the non hoverable component is
20x20 as mentioned in the design, for hoverable
its 32x32
> checked for the hoverable checkbox component as well working as
expected
## Screenshot for the fixes
<img width="345" alt="Screenshot 2024-10-30 at 10 49 39 PM"
src="https://github.com/user-attachments/assets/2b5cadb7-67d2-4c61-bd40-0d5a12ae48d0 ">
#### Thank you for considering this contribution! I look forward to your
feedback.
---------
Co-authored-by: Karan Parmar <karan.parmar@PE-HO-MAC-185.local >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-18 16:50:34 +00:00
6a977ad529
Created a temporary background transparent blue color for checkboxes ( #8363 )
...
Created a temporary background transparent blue color for checkboxes
Co-authored-by: Weiko <corentin@twenty.com >
2024-11-18 12:14:55 +01:00
4db0d0f8c1
Improve phone input UI ( #8266 )
...
[FIX] #8251
Changes made as suggested by @Bonapara.
For the `The country code should be Tertiary instead of Primary ` task,
the library "react-phone-number-input" doesn't provide any out of the
box functionality to style the country code.
If the feature **needs** to be implemented here are the possible
solution/workarounds:
1. Finding a more customizable library that allows to change the style
of the country code
OR
2. Implement custom country selection (😰 ...)
OR
3. The lib allows a custom input element and a provides a function
(onCountryChange) that triggers whenever the country changes (a country
can be changed in two ways- 1. When the user deliberately chooses it
from dropdown OR 2. Changes the code in the input)
We'll have to get the length of the country code and then style the
first X digits in the custom input field...
Let me know if someone has a better approach.
---------
Co-authored-by: Thomas des Francs <tdesfrancs@gmail.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-15 16:03:48 +01:00
e8bf81de5b
8172 update the right drawer action menu to open with command o ( #8375 )
...
Closes #8172
- Added a shortcut property to the button component
- Displays the actions inside a dropdown
- The dropdown is toggled either by clicking on the button or with the
`command + O` shortcut
https://github.com/user-attachments/assets/4c4c88fa-85dc-404e-bb42-f2b0d57c8960
2024-11-08 17:08:09 +01:00
f3e3c186dc
Fix noninteractive toggle ( #8383 )
...
- Use a label to make the whole card interactive
- Disallow the Toggle component to shrink; it used to on mobile devices
A focus indicator is missing for the Toggle component. We'll have to add
one.
2024-11-08 12:42:15 +01:00
6264d509bd
Migrate to twenty-ui - navigation/menu-item ( #8213 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7536](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7536 ).
---
### Description
Migrate all menu items components to twenty ui and update imports.
```typescript
MenuItem
MenuItemAvata
MenuItemCommand
MenuItemCommandHotKeys
MenuItemDraggable
MenuItemMultiSelect
MenuItemMultiSelectAvatar
MenuItemMultiSelectTag
MenuItemNavigate
MenuItemSelect
MenuItemSelectAvatar
MenuItemSelectColor
MenuItemSelectTag
MenuItemSuggestion
MenuItemToggle
```
\
Also migrate all other dependent components and utilities like
`Checkbox` & `Toggle`\
\
Fixes twentyhq/private-issues#82
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-07 16:51:39 +00:00
88ba057b2c
Fix 0.32 bis ( #8346 )
...
Various UI fixes according to discussions with Design team
2024-11-05 18:14:44 +01:00
8b1f34dbfb
IconButton Secondary color ( #8286 )
...
Related to #8212
2024-11-03 17:18:32 +01:00
a71a350ed2
Fix disabled + focus button ( #8259 )
...
Before fix:
<img width="302" alt="Capture d’écran 2024-10-31 à 16 56 03"
src="https://github.com/user-attachments/assets/20e219a7-7020-4076-8e8a-bf4892dc0863 ">
After fix:
<img width="312" alt="Capture d’écran 2024-10-31 à 16 55 54"
src="https://github.com/user-attachments/assets/4b759b08-85cb-40ff-aacd-09b078f08033 ">
2024-11-01 09:24:51 +01:00
fc8c9d9167
Migrate to twenty-ui - input components ( #7914 )
...
### Description
Migrate Input components:
- CardPicker
- Radio
- RadioGroup
- Checkbox
- Toggle
- IconListViewGrip
### Demo
Radio Component on Storybook
Checkbox component on Storybook
###### Fixes twentyhq/private-issues#92
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-28 15:36:58 +01:00
288fb1dbda
Delete API key button now visible in light mode ( #8094 )
...
Closes #7179
The font color of the button has been set to use
`theme.font.color.danger`. This means that the color will be red
regardless of whether the theme is inverted or not, which was the issue
before.
Merge conflicts have been resolved.
2024-10-28 14:14:39 +01:00
9b6359984d
Migrate to twenty-ui - input/code-editor ( #8072 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7062](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7062 ).
---
### Description.
Migrate `code-editor` component to twenty ui.\
\
Fixes twentyhq/private-issues#94
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-28 13:34:06 +01:00
fa0933b292
Migrate to twenty-ui - layout/section ( #8068 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7533](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7533 ).
---
Description \
\
Move Section component from twenty-front to twenty-ui and update
imports\
\
\
Fixes twentyhq/private-issues#85
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
2024-10-28 13:08:55 +01:00
b09ecfbb8c
Migrate to twenty-ui - display ( #8004 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-6871](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-6871 ).
---
### Description
Migrate:
- Info display component
- Status display component
- SeparatorLineText display component
### Demo
###### SeparatorLineText In Storybook
Info Component on Storybook
Status Component on Storybook
###### Fixes twentyhq/private-issues#95
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 17:50:14 +02:00
67fb750ef6
Migrate to twenty-ui - input/color-scheme ( #7995 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7063](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7063 ).
---
### Description
- Move color-scheme components to `twenty-ui`
Fixes twentyhq/private-issues#93
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 13:39:25 +02:00
0a28c15747
Migrate to twenty-ui - input/button ( #7994 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7529](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7529 ).
---
### Description
- Migrated all button components to `twenty-ui` \
\
`Button`\
`ButtonGroup`\
`ColorPickerButton`\
`FloatingButton`\
`FloatingButtonGroup`\
`FloatingIconButton`\
`FloatingIconButtonGroup`\
`IconButton`\
`IconButtonGroup`\
`LightButton`\
`LightIconButton`\
`LightIconButtonGroup`\
`MainButton`\
\
Fixes twentyhq/private-issues#89
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 13:20:02 +02:00
430644448a
Migrate to twenty-ui - navigation/link ( #7837 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7535](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7535 ).
---
### Description.
Migrate link components to `twenty-ui` \
\
Fixes #7535
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-22 17:36:26 +02:00
