Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-15 01:16:22 +02:00
Code Issues Projects Releases Wiki Activity

misc fixes related to loading, font-size, alignment (#2504)

Browse Source 
https://linear.app/unleash/issue/2-423/update-feature-toggle-overview-sidepanel
This commit is contained in:
Nuno Góis 2022-11-22 16:04:01 +00:00 committed by GitHub
parent 4d5c12dbf7
commit c67e44385c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelDetails/FeatureOverviewSidePanelDetails.tsx
View File

@ -30,7 +30,7 @@ export const FeatureOverviewSidePanelDetails = ({
return ( return (
<StyledContainer> <StyledContainer>
{header} {header}
<div> <div data-loading>
<StyledLabel>Created at:</StyledLabel> <StyledLabel>Created at:</StyledLabel>
<span> <span>
{formatDateYMD( {formatDateYMD(

1
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentSwitch.tsx
View File

@ -15,6 +15,7 @@ import { styled } from '@mui/material';
import StringTruncator from 'component/common/StringTruncator/StringTruncator'; import StringTruncator from 'component/common/StringTruncator/StringTruncator';
const StyledContainer = styled('div')(({ theme }) => ({ const StyledContainer = styled('div')(({ theme }) => ({
marginLeft: theme.spacing(-1.5),
'&:not(:last-of-type)': { '&:not(:last-of-type)': {
marginBottom: theme.spacing(2), marginBottom: theme.spacing(2),
}, },

4
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitches.tsx
View File

@ -15,11 +15,11 @@ const StyledSwitchLabel = styled('div')(() => ({
})); }));
const StyledLabel = styled('p')(({ theme }) => ({ const StyledLabel = styled('p')(({ theme }) => ({
fontSize: theme.fontSizes.smallBody, fontSize: theme.fontSizes.bodySize,
})); }));
const StyledSubLabel = styled('p')(({ theme }) => ({ const StyledSubLabel = styled('p')(({ theme }) => ({
fontSize: theme.fontSizes.smallerBody, fontSize: theme.fontSizes.smallBody,
color: theme.palette.text.secondary, color: theme.palette.text.secondary,
})); }));

1
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx
View File

@ -113,6 +113,7 @@ export const FeatureOverviewSidePanelTags = ({
show={<StyledDivider />} show={<StyledDivider />}
/> />
<StyledButton <StyledButton
data-loading
variant="outlined" variant="outlined"
startIcon={<Add />} startIcon={<Add />}
onClick={() => setOpenTagDialog(true)} onClick={() => setOpenTagDialog(true)}