Fix: Small changes to tooltip

This commit is contained in:
nizune 2021-06-28 11:36:37 +02:00
parent a1729e0836
commit d0e6d2a0e1
4 changed files with 10 additions and 5 deletions

2
external/lang vendored

@ -1 +1 @@
Subproject commit 03b206f608b071eb26a099657d9619d32f2bb264 Subproject commit d217561756c7f397f177e43911c247497107c515

View file

@ -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} />
) )

View file

@ -64,7 +64,7 @@ const Blocked = styled.div`
svg { svg {
flex-shrink: 0; flex-shrink: 0;
margin-right: 8px; margin-inline-end: 8px;
} }
`; `;

View file

@ -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;