mirror of
https://github.com/docmost/docmost.git
synced 2026-07-14 03:16:48 +10:00
Philipinho
51 lines
1.4 KiB
CSS
51 lines
1.4 KiB
CSS
.diffSummary {
|
|
border: rem(1px) solid
|
|
light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
|
|
border-radius: rem(10px);
|
|
padding: rem(12px);
|
|
background: light-dark(
|
|
var(--mantine-color-gray-0),
|
|
var(--mantine-color-dark-7)
|
|
);
|
|
}
|
|
|
|
:global(.history-diff-added) {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
|
|
:global(.history-diff-added)::before {
|
|
content: "";
|
|
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) {
|
|
text-decoration: line-through;
|
|
color: light-dark(var(--mantine-color-red-7), var(--mantine-color-red-4));
|
|
background: light-dark(var(--mantine-color-red-0), rgba(255, 0, 0, 0.1));
|
|
border-radius: rem(2px);
|
|
padding: 0 rem(2px);
|
|
}
|
|
|
|
:global(.history-diff-node-added) {
|
|
outline: rem(2px) solid light-dark(var(--mantine-color-green-5), var(--mantine-color-green-7));
|
|
outline-offset: rem(2px);
|
|
border-radius: rem(4px);
|
|
}
|
|
|
|
:global(.history-diff-node-deleted) {
|
|
display: inline-block;
|
|
background: light-dark(var(--mantine-color-red-0), rgba(255, 0, 0, 0.1));
|
|
border: rem(1px) dashed light-dark(var(--mantine-color-red-4), var(--mantine-color-red-6));
|
|
border-radius: rem(4px);
|
|
padding: rem(4px) rem(8px);
|
|
color: light-dark(var(--mantine-color-red-7), var(--mantine-color-red-4));
|
|
font-size: rem(12px);
|
|
}
|