This commit is contained in:
Philipinho
2026-02-01 23:38:45 +00:00
parent ba9e58ede9
commit 3007060ac4
3 changed files with 15 additions and 25 deletions
@@ -10,19 +10,12 @@
} }
:global(.history-diff-added) { :global(.history-diff-added) {
position: relative; background: light-dark(#e1f3f2, #01654a) !important;
z-index: 0; color: light-dark(#007b69, #cafff7) !important;
} border-radius: rem(2px);
padding: 0 rem(2px);
:global(.history-diff-added)::before { -webkit-box-decoration-break: clone;
content: ""; box-decoration-break: clone;
position: absolute;
z-index: -1;
inset: 0;
right: 0;
background: light-dark(var(--mantine-color-green-0), rgba(0, 255, 0, 0.06));
border-radius: rem(4px);
pointer-events: none;
} }
:global(.history-diff-deleted) { :global(.history-diff-deleted) {
@@ -34,7 +27,7 @@
} }
:global(.history-diff-node-added) { :global(.history-diff-node-added) {
outline: rem(2px) solid light-dark(var(--mantine-color-green-5), var(--mantine-color-green-7)); outline: rem(2px) solid light-dark(var(--mantine-color-teal-5), var(--mantine-color-teal-7));
outline-offset: rem(2px); outline-offset: rem(2px);
border-radius: rem(4px); border-radius: rem(4px);
} }
@@ -152,9 +152,6 @@ function HistoryList({ pageId }: Props) {
<> <>
<Divider /> <Divider />
<Group p="xs" wrap="nowrap"> <Group p="xs" wrap="nowrap">
<Button size="compact-md" onClick={confirmRestore}>
{t("Restore")}
</Button>
<Button <Button
variant="default" variant="default"
size="compact-md" size="compact-md"
@@ -162,6 +159,9 @@ function HistoryList({ pageId }: Props) {
> >
{t("Close")} {t("Close")}
</Button> </Button>
<Button size="compact-md" onClick={confirmRestore}>
{t("Restore")}
</Button>
</Group> </Group>
</> </>
)} )}
@@ -28,18 +28,15 @@ export default function HistoryModal({ pageId, pageTitle }: Props) {
<Modal.Header> <Modal.Header>
<Modal.Title> <Modal.Title>
<Text size="md" fw={500}> <Text size="md" fw={500}>
{pageTitle ? ( {t("Page history")}
<>
{t("Version history for")} <Text span fw={700}>{pageTitle}</Text> {t("document")}
</>
) : (
t("Page history")
)}
</Text> </Text>
</Modal.Title> </Modal.Title>
<Modal.CloseButton /> <Modal.CloseButton />
</Modal.Header> </Modal.Header>
<Modal.Body p={0} style={{ height: "calc(100vh - 60px)", overflow: "hidden" }}> <Modal.Body
p={0}
style={{ height: "calc(100vh - 60px)", overflow: "hidden" }}
>
<HistoryModalMobile pageId={pageId} pageTitle={pageTitle} /> <HistoryModalMobile pageId={pageId} pageTitle={pageTitle} />
</Modal.Body> </Modal.Body>
</Modal.Content> </Modal.Content>