mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-07 01:15:28 +00:00
Fix: Small changes to tooltip
This commit is contained in:
2
external/lang
vendored
2
external/lang
vendored
Submodule external/lang updated: 03b206f608...d217561756
@@ -24,7 +24,12 @@ const PermissionTooltipBase = styled.div`
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
span {
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--secondary-foreground);
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
code {
|
code {
|
||||||
font-family: 'Fira Mono';
|
font-family: 'Fira Mono';
|
||||||
}
|
}
|
||||||
@@ -35,7 +40,7 @@ export function PermissionTooltip(props: Omit<Props, 'content'> & { permission:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Tooltip content={<PermissionTooltipBase>
|
<Tooltip content={<PermissionTooltipBase>
|
||||||
<Text id="app.permissions.required" />
|
<span><Text id="app.permissions.required" /></span>
|
||||||
<code>{ permission }</code>
|
<code>{ permission }</code>
|
||||||
</PermissionTooltipBase>} {...tooltipProps} />
|
</PermissionTooltipBase>} {...tooltipProps} />
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ const Blocked = styled.div`
|
|||||||
|
|
||||||
svg {
|
svg {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-right: 8px;
|
margin-inline-end: 8px;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@@ -231,7 +231,7 @@
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-right: 4px;
|
margin-inline-end: 4px;
|
||||||
|
|
||||||
//TOFIX - Looks wonky on Chromium
|
//TOFIX - Looks wonky on Chromium
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
|
|||||||
Reference in New Issue
Block a user