nytimes/library

Basic print style refinements

Offen

#105 geöffnet am 27.03.2020

Auf GitHub ansehenContributor Guide
 (4 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (148 Forks)auto 404
enhancementgood first issue

Repository-Metriken

Stars
 (1.180 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

It looks like hiding the fixed nav and the search bar would mostly solve this problem?

@afischer additions:_

Header

  • Logo, breadcrumbs should render at top. Long breadcrumbs should truncate with ellipses.
  • User initials/profile button should not render
  • Header should only be on first page, not repeating
  • Search bar, view all docs button should be hidden
  • Edit button should be hidden
  • side margins should be removed from title
  • HR should be removed? maybe? up to you.

Body

  • left and right margins should be removed, left text should be flush with logo at top of page
  • :before/:after elements on inline code should be removed
  • Images should not break between pages
  • Table rows should not break between pages
  • Tables of contents should not render

Footer:

  • "Pages in" block should be hidden
  • HR, buttons, footer text should all be hidden.

Contributor Guide

Research-Richtung
Untersuchen Sie das vorhandene Druck Stylesheet im Repository (wahrscheinlich in CSS Dateien) und fügen Sie CSS Regeln hinzu, um die angegebenen Elemente (z. B. Nav, Suchleiste, Bearbeitungsschaltfläche, Fußzeilenelemente) mit der Media Query @media print auszublenden. Stellen Sie außerdem sicher, dass Bilder und Tabellenzeilen nicht zwischen Seiten umbrechen, indem Sie page break inside: avoid verwenden. Entfernen Sie Ränder und passen Sie das Layout für den Druck an.
Tech Stack
javascriptcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSHTML
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75