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

Align Workspace Switcher with Breadcrumb by Adjusting Height (#6384)

Browse Source 
@Bonapara 
Issue #6375 

This change makes sure the container height is 32px instead of 28px.
should the container inside it should also be 32px, please refer video
below for context


https://github.com/user-attachments/assets/fe97f0de-e1fd-4fda-a9a7-e9585469c530


Also skeleton height is 20px (refer video below), the black component in
the video is the skeleton for this particular component.
What should be skeletons height?


https://github.com/user-attachments/assets/0956c8d9-8e4e-4c20-bb71-7fb1e2cba4fd

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
nitin
2024-07-25 17:29:46 +05:30
committed by GitHub
parent d073ebff43
commit 9618639744
7 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx
View File

@ -1,13 +1,15 @@
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import styled from '@emotion/styled';
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import { BACKGROUND_LIGHT, GRAY_SCALE } from 'twenty-ui';
const StyledSkeletonContainer = styled.div`
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 6px;
margin-left: 12px;
margin-top: 8px;
min-width: 196px;
max-width: 196px;
`;
export const MainNavigationDrawerItemsSkeletonLoader = ({