diff --git a/DocDiff.html b/DocDiff.html
index efea311..24993ae 100644
--- a/DocDiff.html
+++ b/DocDiff.html
@@ -99,7 +99,7 @@
"sameAs": [
"https://github.com/tschnorpfeil/docdiff"
],
- "softwareVersion": "1.6.2"
+ "softwareVersion": "1.6.3"
},
{
"@type": "SoftwareSourceCode",
@@ -273,8 +273,8 @@
--changed: 34 90% 46%; /* amber edge of a changed paragraph */
--changed-ink: 28 90% 25%;
- --current: 215 25% 13%; /* edge of the current change */
- --current-tint: 215 30% 50% / 0.07; /* background of the current change */
+ --current: 212.8 100% 42%; /* edge of the current change: the selection blue */
+ --current-tint: 212.8 100% 50% / 0.07; /* background of the current change */
--hover-tint: 215 20% 50% / 0.05;
--warning-ton-2: 45 100% 88%;
@@ -325,8 +325,8 @@
--changed: 38 70% 48%;
--changed-ink: 40 95% 72%;
- --current: 0 0% 93%;
- --current-tint: 0 0% 100% / 0.06;
+ --current: 210 100% 66%;
+ --current-tint: 210 100% 66% / 0.1;
--hover-tint: 0 0% 100% / 0.04;
--warning-ton-2: 42 70% 24%;
@@ -1016,6 +1016,73 @@
margin: 0 auto;
padding: 44px 0 40px;
}
+/* The first screen: the hero centred in the space above "How it works", which sits at the
+ bottom edge, with a quiet way on to the rest. */
+.landing-more {
+ display: none;
+}
+@media (min-width: 768px) and (min-height: 760px) {
+ .landing-inner {
+ padding-top: 0;
+ }
+ .landing-first {
+ min-height: calc(100dvh - var(--topbar-h));
+ display: flex;
+ flex-direction: column;
+ }
+ .landing-first > .landing-hero {
+ flex: 1 0 auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding: 40px 0;
+ }
+ .landing-first > .landing-section {
+ margin-top: 0;
+ }
+ .landing-more {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ align-self: center;
+ width: 44px;
+ height: 44px;
+ margin: 12px 0 8px;
+ border: 0;
+ border-radius: 999px;
+ background: transparent;
+ color: hsl(var(--muted-foreground));
+ cursor: pointer;
+ }
+ .landing-more:hover {
+ color: hsl(var(--foreground));
+ background: hsl(var(--ton-2));
+ }
+ .landing-more .icon {
+ width: 22px;
+ height: 22px;
+ stroke-width: 2;
+ }
+}
+/* Lower windows (760–860px): a tighter first screen so the arrow stays visible. Below 760px the
+ first screen cannot hold the hero and "How it works", so the page stays a plain flow. */
+@media (min-width: 768px) and (min-height: 760px) and (max-height: 860px) {
+ .landing-first > .landing-hero {
+ padding: 20px 0;
+ }
+ .landing-first > .landing-section {
+ padding-top: 20px;
+ }
+ .landing-first .how-steps {
+ margin-top: 12px;
+ }
+ .landing-first .landing-trust {
+ margin-top: 18px;
+ }
+ .landing-more {
+ margin: 4px 0;
+ }
+}
.landing-title {
max-width: 30ch;
@@ -1803,13 +1870,19 @@
text-decoration-style: dotted;
}
-/* Reviewed: accepted changes are muted; the mark sits in the margin of the new version */
+/* Reviewed: a decided change reads as finished text. Accepted: the new wording is plain text
+ with a green edge; the removed words stay quietly struck through, so the change is still
+ visible. Only colours change, so reviewing never moves any text. */
.clause.is-accepted {
- border-left-color: hsl(var(--muted-foreground) / 0.3);
+ border-left-color: hsl(var(--success));
background: transparent;
}
-.clause.is-accepted del.tok-del,
.clause.is-accepted ins.tok-ins {
+ background: transparent;
+ color: inherit;
+ text-decoration-color: transparent;
+}
+.clause.is-accepted del.tok-del {
background: transparent;
color: hsl(var(--muted-foreground));
}
@@ -1822,8 +1895,9 @@
font-weight: 600;
color: hsl(var(--muted-foreground));
}
+/* Rejected: the old wording is back as plain text, with a solid neutral edge */
.diff-row-anchor.has-ghost .clause {
- border-left: 2px dotted hsl(var(--muted-foreground) / 0.6);
+ border-left: 2px solid hsl(var(--muted-foreground) / 0.7);
}
.diff-row-anchor.has-ghost .clause.is-active {
border-left-style: solid;
@@ -1995,7 +2069,7 @@
stroke-width: 2.2;
}
.review-status.is-accepted .rs-mark { color: hsl(var(--success-ink)); }
-.review-status.is-rejected .rs-mark { color: hsl(var(--muted-foreground)); }
+.review-status.is-rejected .rs-mark { color: hsl(var(--foreground)); }
.ra-undo {
display: inline-flex;
align-items: center;
@@ -2192,6 +2266,10 @@
justify-content: space-between;
gap: var(--sp-2);
}
+/* Shows and hides the docked list of changes (desktop only; tablets and phones use a sheet) */
+body:not(.tier-desktop) #btn-rail {
+ display: none;
+}
.list-title {
font-size: var(--text-title);
font-weight: 600;
@@ -2276,9 +2354,11 @@
.nav-item.ins { border-left-color: hsl(var(--success)); }
.nav-item.del { border-left-color: hsl(var(--destructive)); }
.nav-item.moved { border-left-style: dashed; border-left-color: hsl(var(--muted-foreground) / 0.6); }
-.nav-item.is-accepted,
+.nav-item.is-accepted {
+ border-left-color: hsl(var(--success));
+}
.nav-item.is-rejected {
- border-left-color: hsl(var(--muted-foreground) / 0.35);
+ border-left-color: hsl(var(--muted-foreground) / 0.7);
}
.nav-item.is-active {
background: hsl(var(--current-tint));
@@ -2344,7 +2424,7 @@
stroke-width: 2.4;
}
.nav-status.is-accepted { color: hsl(var(--success-ink)); }
-.nav-status.is-rejected { color: hsl(var(--muted-foreground)); }
+.nav-status.is-rejected { color: hsl(var(--foreground)); }
.nav-item.is-accepted .nav-item-ref,
.nav-item.is-rejected .nav-item-ref,
.nav-item.is-accepted .nav-item-snippet,
@@ -3733,6 +3813,7 @@ Dokumente
+
@@ -3770,6 +3851,7 @@ Doc Diff
+
Dokumente
@@ -3824,8 +3906,10 @@ So funktioniert’s
3Ergebnis sichern, wenn Sie es brauchen Als saubere Endfassung (Word im Originalformat oder PDF) oder als Vergleich mit Änderungsverfolgung.
+
+
-
+
Was es kann – und was nicht
@@ -4024,8 +4108,10 @@
-
-
-
-
-