diff --git a/src/renderer/styles.css b/src/renderer/styles.css index b76c545..1cd00d9 100644 --- a/src/renderer/styles.css +++ b/src/renderer/styles.css @@ -1770,13 +1770,17 @@ textarea, .app-update-release-notes-popover { display: grid; - width: min(420px, calc(100vw - 32px)); - max-height: min(520px, calc(100vh - 96px)); - gap: 12px; + width: min(560px, calc(100vw - 32px)); + max-height: min(640px, calc(100vh - 32px), var(--radix-popover-content-available-height)); + grid-template-rows: auto minmax(0, 1fr); + gap: 0; + padding: 0; overflow: hidden; } .app-update-release-notes-header { + padding: 18px 20px; + border-bottom: 1px solid var(--border); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; @@ -1787,22 +1791,64 @@ textarea, margin: 0; overflow: hidden; color: var(--foreground); - font-size: 0.95rem; + font-size: 1.1rem; font-weight: 600; line-height: 1.3; - text-overflow: ellipsis; - white-space: nowrap; + overflow-wrap: anywhere; } .app-update-release-notes-body { + padding: 20px; + scrollbar-gutter: stable; + overscroll-behavior: contain; min-height: 0; overflow: auto; color: var(--foreground); font-size: 0.85rem; - line-height: 1.5; + line-height: 1.65; overflow-wrap: anywhere; } +.app-update-release-notes-body :is(h1, h2, h3, h4, h5, h6) { + margin: 24px 0 12px; + color: var(--foreground); + font-size: 0.95rem; + font-weight: 650; + line-height: 1.4; +} + +.app-update-release-notes-body :is(p, ul, ol, pre, blockquote) { + margin-block: 12px; +} + +.app-update-release-notes-body ul { + list-style-type: disc; +} + +.app-update-release-notes-body ol { + list-style-type: decimal; +} + +.app-update-release-notes-body li + li { + margin-top: 10px; +} + +.app-update-release-notes-body li::marker { + color: var(--muted-foreground); +} + +.app-update-release-notes-body a { + color: var(--primary); + text-decoration: underline; + text-underline-offset: 3px; +} + +.app-update-release-notes-body blockquote { + border-left: 2px solid var(--border); + padding-left: 12px; + color: var(--muted-foreground); +} + .app-update-release-notes-body > :first-child { margin-top: 0; } @@ -1825,6 +1871,7 @@ textarea, .app-update-release-notes-status, .app-update-release-notes-error { + padding: 20px; margin: 0; font-size: 0.84rem; line-height: 1.45;