Fix not shared chip height + hard coded border radius (#19020)
## Summary - align the forbidden field "Not shared" chip with small chip dimensions in the object table - use the shared small border radius token instead of a hardcoded value - add `overflow: hidden` and `user-select: none` to match chip behavior more closely ## Testing - Not run (not requested)
This commit is contained in:
committed by
GitHub
parent
34ab72c460
commit
695518a15e
+4
-1
@@ -8,14 +8,17 @@ const StyledContainer = styled.div`
|
||||
align-items: center;
|
||||
background: ${themeCssVariables.background.transparent.light};
|
||||
|
||||
border-radius: 4px;
|
||||
border-radius: ${themeCssVariables.border.radius.sm};
|
||||
color: ${themeCssVariables.font.color.tertiary};
|
||||
display: inline-flex;
|
||||
font-size: ${themeCssVariables.font.size.md};
|
||||
font-weight: ${themeCssVariables.font.weight.regular};
|
||||
gap: ${themeCssVariables.spacing[1]};
|
||||
height: ${themeCssVariables.spacing[3]};
|
||||
overflow: hidden;
|
||||
|
||||
padding: ${themeCssVariables.spacing[1]};
|
||||
user-select: none;
|
||||
`;
|
||||
|
||||
export const ForbiddenFieldDisplay = () => {
|
||||
|
||||
Reference in New Issue
Block a user