yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-26 14:44:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16588 from strapi/feature/review-workflow-1-fix-color-badge

Browse Source 
Settings: Fix color badge with long stage names
This commit is contained in:
Gustav Hansen 2023-05-02 12:30:09 +02:00 committed by GitHub
commit b4ec34d69e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/OptionColor/OptionColor.js
View File

@ -1,7 +1,7 @@
import * as React from 'react';
import PropTypes from 'prop-types';
import { components } from 'react-select';
import { Box, Flex, Typography } from '@strapi/design-system';
import { Flex, Typography } from '@strapi/design-system';
export function OptionColor({ children, ...props }) {
const { color } = props.data;
@ -9,7 +9,7 @@ export function OptionColor({ children, ...props }) {
return (
<components.Option {...props}>
<Flex alignItems="center" gap={2}>
<Box height={2} background={color} hasRadius width={2} />
<Flex height={2} background={color} hasRadius shrink={0} width={2} />
<Typography textColor="neutral800" ellipsis>
{children}

4
packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/SingleValueColor/SingleValueColor.js
View File

@ -1,7 +1,7 @@
import * as React from 'react';
import PropTypes from 'prop-types';
import { components } from 'react-select';
import { Box, Flex, Typography } from '@strapi/design-system';
import { Flex, Typography } from '@strapi/design-system';
export function SingleValueColor({ children, ...props }) {
const { color } = props.data;
@ -9,7 +9,7 @@ export function SingleValueColor({ children, ...props }) {
return (
<components.SingleValue {...props}>
<Flex alignItems="center" gap={2}>
<Box height={2} background={color} hasRadius width={2} />
<Flex height={2} background={color} hasRadius shrink={0} width={2} />
<Typography textColor="neutral800" ellipsis>
{children}