nitin and Charles Bochet
f44f42e9a0
Advanced toggle alignment ( #10844 )
...
This PR address advanced toggle alignment, especially the left yellow
dot placement.
In other advanced settings navigation drawer, the dot appears -20px to
left, while this was not the case for advanced toggle's dot.
Matched the height and paddings to that of NavigationDrawerItem.
@Bonapara FYI
before:
<img width="399" alt="Screenshot 2025-03-13 at 15 49 21"
src="https://github.com/user-attachments/assets/6dd60b3a-1b2e-43a0-ad28-dc44437460ab "
/>
after:
<img width="401" alt="Screenshot 2025-03-13 at 15 47 43"
src="https://github.com/user-attachments/assets/86e51b07-e84a-413a-8a49-1820c165dc68 "
/>
---------
Co-authored-by: Charles Bochet <charles@twenty.com >
2025-03-14 18:28:14 +01:00
martmull
b1322beac3
Fix console errors ( #10859 )
...
Fixes https://github.com/twentyhq/core-team-issues/issues/276
## Before


## After

2025-03-13 16:50:35 +01:00
nitin and Félix Malfait
77574594f2
admin panel fast follows ( #10723 )
...
fast follows:
- https://discord.com/channels/1130383047699738754/1346433965451382845
- https://discord.com/channels/1130383047699738754/1346434512757981264
- https://discord.com/channels/1130383047699738754/1346453484911853610
---------
Co-authored-by: Félix Malfait <felix.malfait@gmail.com >
2025-03-10 19:02:40 +05:30
Sharathxct and Lucas Bordeau
cb3b0633b5
[FIX]: Overflow issue in delete record popup ( #10417 )
...
#10411
**Issue**: After right-clicking on deleted record, popup is cut
**Solution**: Added text-overflow ellipsis
previous behaviour:

fix:


Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2025-03-03 15:08:06 +00:00
Raphaël Bosi
fb38828943
Fix command menu list item overflow ( #10544 )
...
Before:
<img width="501" alt="Capture d’écran 2025-02-27 à 12 10 52"
src="https://github.com/user-attachments/assets/dd3637b4-cfe4-44b9-8db2-78e14741a415 "
/>
After:
<img width="503" alt="Capture d’écran 2025-02-27 à 12 10 40"
src="https://github.com/user-attachments/assets/71ebb02d-cdc8-44e6-82dd-d00b3a45e7c0 "
/>
2025-02-27 11:38:30 +00:00
Raphaël Bosi and Devessier
9997cf5a4e
322 compact command chips dropdown ( #10456 )
...
Closes https://github.com/twentyhq/core-team-issues/issues/322
https://github.com/user-attachments/assets/d4806f04-e217-40f5-9707-93334bbd49ea
---------
Co-authored-by: Devessier <baptiste@devessier.fr >
2025-02-25 16:42:38 +01:00
Félix Malfait
2c0f66dab6
Progress on translations ( #10142 )
2025-02-12 08:13:29 +01:00
Raphaël Bosi
988ab9697c
Command menu list design updates ( #10075 )
...
- Add 2px gap between items
- Update `MenuItemCommand` style to distinguish `hovered` and `selected`
states
https://github.com/user-attachments/assets/d1e29f07-32e7-4ace-9aa1-0ea83712f052
2025-02-07 16:55:24 +01:00
Paul Rastoin
7fd89678b7
[CHORE] Avoid isDefined duplicated reference, move it to twenty-shared ( #9967 )
...
# Introduction
Avoid having multiple `isDefined` definition across our pacakges
Also avoid importing `isDefined` from `twenty-ui` which exposes a huge
barrel for a such little util function
## In a nutshell
Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front`
and `twenty-server` to move it to `twenty-shared`.
Updated imports for each packages, and added explicit dependencies to
`twenty-shared` if not already in place
Related PR https://github.com/twentyhq/twenty/pull/9941
2025-02-01 12:10:10 +01:00
Raphaël Bosi
d9b86475d3
323 add object name inside the search ( #9962 )
...
Closes https://github.com/twentyhq/core-team-issues/issues/323
Before:
<img width="495" alt="Capture d’écran 2025-01-31 à 18 11 56"
src="https://github.com/user-attachments/assets/dd1d3ac1-6c97-4398-b233-d323eeacdbb9 "
/>
After:
<img width="500" alt="Capture d’écran 2025-01-31 à 18 09 58"
src="https://github.com/user-attachments/assets/68d23990-2d0b-437d-ad2e-a686cdb320e1 "
/>
2025-02-01 08:18:48 +01:00
Jérémy M
e7da9b6b87
feat: MenuItem disabled color ( #9923 )
...
Fix #9874
2025-01-30 10:23:06 +01:00
Raphaël Bosi
ce296fae4f
Add search records actions to the command menu ( #9892 )
...
Closes https://github.com/twentyhq/core-team-issues/issues/253 and
https://github.com/twentyhq/core-team-issues/issues/256 .
- Created `CommandMenuList`, a component used at the root level of the
command menu and inside the search page of the command menu
- Refactored record agnostic actions
- Added shortcuts to the action menu entries (`/` key for the search)
and updated the design of the shortcuts
- Reordered actions at the root level of the command menu
https://github.com/user-attachments/assets/e1339cc4-ef5d-45c5-a159-6817a54b92e9
2025-01-29 17:23:40 +00:00
shubham yadav and Charles Bochet
8754b7107d
Fix Icon Padding and Size in Select Item ( #9888 )
...
This pull request addresses issue
[#9458 ](https://github.com/twentyhq/twenty/issues/9458 ) by making the
following changes:
Increase the icon size from 14x14px to 16x16px
Add 8px padding to the right side of the icon
Ensure the icon is not cropped and displays with rounded angles
---------
Co-authored-by: Charles Bochet <charles@twenty.com >
2025-01-28 19:50:59 +01:00
martmull
c1e84a746c
Fix design for select action ( #9857 )
...
as title
fixes
https://discord.com/channels/1130383047699738754/1330945172489371771
2025-01-27 13:29:04 +01:00
Raphaël Bosi
ff41768e8f
250 implement restore context button on command menu ( #9836 )
...
Closes https://github.com/twentyhq/core-team-issues/issues/250
https://github.com/user-attachments/assets/9c120188-497d-4273-9137-f8d0de3bd884
2025-01-24 16:10:02 +01:00
Jérémy M
f74b12adb8
fix: group by disabled in dark mode wrong color ( #9662 )
...
<img width="255" alt="Screenshot 2025-01-16 at 10 51 50 AM"
src="https://github.com/user-attachments/assets/c171401e-6c19-42f1-975b-fdb33b0a0789 "
/>
2025-01-16 11:15:03 +01:00
Jérémy M
5bae5a9f7c
fix: filter dark mode ( #9659 )
...
Fix dark mode color of dropdown menu in Filter
2025-01-16 10:29:35 +01:00
Jérémy M
eaa68424f5
Fix/record group index and seed ( #9605 )
...
- [x] [Disable group by on default view Options
menu](https://discord.com/channels/1130383047699738754/1328421803399446568 )
- [x] Add default seed for view group
2025-01-15 09:37:15 +01:00
Jérémy M
61c5acb982
fix: StyledMenuItemBase remove spacing when no icon ( #9573 )
2025-01-13 11:42:39 +01:00
Thomas Trompette
92c119ed43
Add suggested values for variable dropdown ( #9437 )
...
<img width="378" alt="Capture d’écran 2025-01-07 à 15 37 20"
src="https://github.com/user-attachments/assets/c15abcac-684a-4c3b-ad12-62cf91afe927 "
/>
Here is a first version:
- simple fields have a suggested value
- composite do not, but sub values of composite do
- json, arrays or complex values do not
2025-01-10 16:18:37 +01:00
Malo Marrec
7126ec5ae7
accessibility: make dropdowns accessible ( #9475 )
...
#### Motivation
Improve accessibility of dropdowns.
#### Before
Dropdowns are not accessible.
<img width="1219" alt="Screenshot 2025-01-09 at 10 00 36"
src="https://github.com/user-attachments/assets/060198f8-a42f-408c-a39a-b83da55e23c4 "
/>
#### Ater
Dropdowns are accessible

2025-01-09 14:19:58 +01:00
Marie
b91656eb5d
Aggregate fast follows (1) ( #9233 )
...
Some fixes required:
- [Aggregate value should not disappear when dropdown is
open](https://discord.com/channels/1130383047699738754/1319328950475817001/1319328950475817001 )
- [Delay the apparition of the tooltip on
kanban](https://discord.com/channels/1130383047699738754/1319327824632352860/1319327824632352860 )
- [Group options in
sub-menus](https://discord.com/channels/1130383047699738754/1319326443951362059/1319326443951362059 )

- Display the currently selected option with a checkmark

- [Loading -> Aggregates should appear at the same time that records,
not
before](https://discord.com/channels/1130383047699738754/1319329819749646456/1319329899630301318 )
2024-12-26 16:00:56 +00:00
Harsh Singh
fe6948ba0b
fix: settings form select menu ( #9179 )
...
Closes : #8647
Closes : #8649
**Changes & Why**
1. Added a Search Input to `SettingsDataModelFieldAddressForm` &
`SettingsDataModelFieldCurrencyForm` as `Select` component already
accepts it as a prop.
2. Gave a fixed width to the dropdown of both the above components to
ensure it doesn't shrink on search for the menu items with low word
count.
3. Added countries Flag to `SettingsDataModelFieldAddressForm`.
4. Replaced `MenuItem` with `MenuItemSelect` to get the desired
highlighted background for the selected item with `IconCheck` to
differentiate the current selected item. This is useful across all the
select components throughout the app.
5. I realized that in some components we might not need IconCheck and
only need a highlighted background for the selected item. For ex:
`SettingsDataModelFieldBooleanForm` . Therefore, I created a prop
`needIconCheck` with default as true so it doesn't break the existing
`MenuItemSelect` and we can pass that prop as false wherever needed.
[Screencast from 2024-12-21
12-08-08.webm](https://github.com/user-attachments/assets/4f8070a8-f339-4556-a137-bbbad58b171c )
2024-12-24 12:24:40 +01:00
Thomas Trompette
94676215ad
Add fields to update in update record action ( #9108 )
...
- update backend action so it handles composite fields
- add fields to update multiselect
- generate form based on that field
- add icons
2024-12-18 13:32:21 +00:00
Thomas Trompette
f0de1ab245
Add Multiselect for forms ( #9092 )
...
- Add new FormMultiSelectField component
- Factorize existing display / input into new ui components
- Update the variable resolver to handle arrays properly
<img width="526" alt="Capture d’écran 2024-12-17 à 11 46 38"
src="https://github.com/user-attachments/assets/6d37b513-8caa-43d0-a27e-ab55dac21f6d "
/>
2024-12-17 14:41:55 +01:00
Thomas Trompette
4d9facb9bd
Add address composite form field ( #9022 )
...
- Create FormCountrySelectInput using the existing FormSelectFieldInput
- Create AddressFormFieldInput component
- Fix FormSelectFieldInput dropdown + add leftIcon
<img width="554" alt="Capture d’écran 2024-12-11 à 15 56 32"
src="https://github.com/user-attachments/assets/c3019f29-af76-44e1-96bd-a0c6283674e1 "
/>
2024-12-11 16:57:42 +00:00
Guillim and Félix Malfait
28ff5610f0
better label for toggle input that will improve UX ( #8982 )
...
Answering the ticket : Increase the clickable area of toggles to parent
container
# Change in Labels
In order to solve this ticket, we change the way we handle the labels VS
the inputs. The use of `htmlFor` and setting up the appropriate id for
the toggle solves the "blank click"
<img width="239" alt="Screenshot 2024-12-09 at 17 43 53"
src="https://github.com/user-attachments/assets/19eab5fc-8393-496d-b713-57e51c620bf1 ">
fix #8953
---------
Co-authored-by: Félix Malfait <felix@twenty.com >
2024-12-10 09:41:04 +01:00
Félix Malfait and bosiraphael
b2be2fb398
Fix advanced settings tool icon alignment ( #8935 )
...
Followup of @bosiraphael's design
<img width="333" alt="Screenshot 2024-12-06 at 17 25 45"
src="https://github.com/user-attachments/assets/b744a7a6-99cb-4d4c-b9da-df0661536208 ">
<img width="614" alt="Screenshot 2024-12-06 at 17 26 19"
src="https://github.com/user-attachments/assets/e9f31fed-66b2-4ed7-a5cd-97a9bc526752 ">
---------
Co-authored-by: bosiraphael <raphael.bosi@gmail.com >
2024-12-06 18:07:37 +01:00
Antoine Moreaux
7943141d03
feat(*): allow to select auth providers + add multiworkspace with subdomain management ( #8656 )
...
## Summary
Add support for multi-workspace feature and adjust configurations and
states accordingly.
- Introduced new state isMultiWorkspaceEnabledState.
- Updated ClientConfigProviderEffect component to handle
multi-workspace.
- Modified GraphQL schema and queries to include multi-workspace related
configurations.
- Adjusted server environment variables and their respective
documentation to support multi-workspace toggle.
- Updated server-side logic to handle new multi-workspace configurations
and conditions.
2024-12-03 19:06:28 +01:00
Jérémy M
a2d55a8694
feat: table record group ( #8781 )
...
Fix #8401 #8402
This PR is only taking care or displaying properly the record group on
the table.
Record-reorder within group has also been prepared.
Start of collapsible animation has been done, but not working for now.
<img width="1381" alt="Screenshot 2024-11-28 at 2 52 07 PM"
src="https://github.com/user-attachments/assets/514bb3e6-3475-4c47-a91c-64f7d20bbe73 ">
2024-11-29 13:04:27 +01:00
Jérémy M and Charles Bochet
2968085e73
Feat: revamp group by settings ( #8503 )
...
This PR fix #8202 that is revamping the `Options` settings for board and
table.
<img width="221" alt="Screenshot 2024-11-15 at 11 47 52 AM"
src="https://github.com/user-attachments/assets/0b143c95-810d-408b-b19e-c2678cd5653a ">
<img width="214" alt="Screenshot 2024-11-15 at 11 47 59 AM"
src="https://github.com/user-attachments/assets/3468734a-8174-4e36-a8ee-08dad6c56227 ">
<img width="210" alt="Screenshot 2024-11-15 at 11 48 10 AM"
src="https://github.com/user-attachments/assets/300628f5-6645-4f1c-af8a-befce2714716 ">
<img width="212" alt="Screenshot 2024-11-15 at 11 48 37 AM"
src="https://github.com/user-attachments/assets/37a3db40-2146-45eb-bea4-44e1041f5bcf ">
<img width="214" alt="Screenshot 2024-11-15 at 11 48 44 AM"
src="https://github.com/user-attachments/assets/42d2adcc-8f03-4f28-928b-d3c3d54d388a ">
<img width="213" alt="Screenshot 2024-11-15 at 11 48 51 AM"
src="https://github.com/user-attachments/assets/90824568-b979-46a7-9841-ab8b9978e138 ">
<img width="211" alt="Screenshot 2024-11-15 at 11 49 00 AM"
src="https://github.com/user-attachments/assets/fa22446a-b1db-4d97-9a45-0778bf09ae3c ">
---------
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-11-20 17:03:18 +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
NitinPSingh and Lucas Bordeau
e5641c5c53
fix #7085 breadcrumb fix for mobile viewport ( #7419 )
...
ISSUE
Closes https://github.com/twentyhq/twenty/issues/7085
DEMO
https://github.com/user-attachments/assets/39692906-c02e-4e4c-9205-82447fa142df
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-10-31 17:17:13 +00:00
c6ef14acc4
Migrate to twenty-ui - navigation/navigation-bar ( #7996 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7537](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7537 ).
---
### Description
- Move navigation-bar components to `twenty-ui`
Fixes twentyhq/private-issues#81
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 13:45:52 +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
b45511c955
Migrate to twenty-ui - navigation/breadcrumb ( #7793 )
...
### Description
- Move breadcrumb components to `twenty-ui` \
\
\
Fixes #7534
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-21 21:53:43 +02:00