fix: tidy the phone layouts

- Wrap long code lines in the explorer below 992px; the declared
  useWrapMode option was never applied.
- Light editor and gutter use the page colour, like dark mode.
- New anonymization uses the same 18px inset as other pages.
- Settings, new conference and FAQ section links scroll in one row
  instead of wrapping under a lone underline.
- Page intros are no longer clamped to two lines.
- Status page actions stack full width without the anonymize form's
  sticky bar styling; dropdown labels no longer split apart.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
tdurieuxandClaude Opus 5.5 committed 2026-10-08 12:43:24 +02:00
1 parent f8b2ea38a1
commit 361f761f92
5 files changed
+33 -13

No files matched your search

+15
View File
@@ -7777,6 +7777,21 @@ input[type="date"], select { color-scheme: light; }
/* Keep the sidebar footer clear of the floating Ko-fi button. */
.leftCol-foot { padding-bottom: 72px; }
}
.explorer-content .ace-chrome, .explorer-content .ace-chrome .ace_gutter { background: var(--main-bg-color); }
@media (max-width: 991px) {
.explorer-content .file-content.markdown-body { padding: 20px 16px 96px; }
/* Same 18px inset as every other page. */
.anonymize-landing { padding: 20px 18px; }
.anonymize-landing-inner { padding: 0; }
/* Section links scroll in one row instead of wrapping under a lone underline. */
.paper-settings-toc nav, .paper-faq-toc nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.paper-settings-toc nav a, .paper-faq-toc nav a { flex-shrink: 0; white-space: nowrap; }
.paper-settings-body, .paper-faq-body { grid-template-columns: minmax(0, 1fr); }
.paper-page .dashboard-filter-controls .dropdown .dropdown-toggle { justify-content: flex-start; gap: 6px; }
.paper-page .dashboard-filter-controls .dropdown .dropdown-toggle::after { margin-left: auto; }
.status-page .anonymize-submit-bar { position: static; flex-direction: column; margin: 0; padding: 12px 0 0; border-top: 0; }
.status-page .anonymize-submit-bar .btn { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
.paper-page .paper-page-lede { display: block; -webkit-line-clamp: unset; overflow: visible; }
}