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;
align-items: center;
flex-direction: column;
span {
font-weight: 700;
text-transform: uppercase;
color: var(--secondary-foreground);
font-size: 11px;
}
code {
font-family: 'Fira Mono';
}
@ -35,7 +40,7 @@ export function PermissionTooltip(props: Omit<Props, 'content'> & { permission:
return (
<Tooltip content={<PermissionTooltipBase>
<Text id="app.permissions.required" />
<span><Text id="app.permissions.required" /></span>
<code>{ permission }</code>
</PermissionTooltipBase>} {...tooltipProps} />
)

View file

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

View file

@ -231,7 +231,7 @@
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
margin-right: 4px;
margin-inline-end: 4px;
//TOFIX - Looks wonky on Chromium
border: 1px solid black;