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
