yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Slight misalignment of archived badge

Browse Source
This commit is contained in:
Tom Moor
2022-10-23 13:00:57 -04:00
parent e714e934cb
commit 8ba911b56d
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/scenes/Document/components/Header.tsx
View File

@@ -213,7 +213,9 @@ function DocumentHeader({
title={ title={
<> <>
{document.title}{" "} {document.title}{" "}
{document.isArchived && <Badge>{t("Archived")}</Badge>} {document.isArchived && (
<ArchivedBadge>{t("Archived")}</ArchivedBadge>
)}
</> </>
} }
actions={ actions={
@@ -358,6 +360,10 @@ function DocumentHeader({
); );
} }
const ArchivedBadge = styled(Badge)`
position: absolute;
`;
const Status = styled(Action)` const Status = styled(Action)`
padding-left: 0; padding-left: 0;
padding-right: 4px; padding-right: 4px;