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

9
packages/twenty-front/src/loading/components/RightPanelSkeletonLoader.tsx
View File

@ -1,5 +1,5 @@
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import styled from '@emotion/styled';
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import {
BACKGROUND_LIGHT,
BORDER_COMMON,
@ -45,8 +45,11 @@ const StyledRightPanelContainer = styled.div`
const StyledRightPanelFlexContainer = styled.div`
display: flex;
margin-top: 12px;
margin-bottom: 14px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
height: 32px;
margin-bottom: 12px;
`;
const StyledSkeletonHeaderLoader = () => {