Bug: AlignWide content clipped

Offen
#1,916 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
45/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
scss
Bereich
frontend

Rechercherichtung

Reproduziere das Abschneiden beim gemeldeten 1265px-Viewport und untersuche die Styles für die Klasse alignwide, wobei du dich auf die vw-Berechnungen und die Breite der Scrollbar konzentrierst. Erledigt ist es, wenn der alignwide-Inhalt bei den betroffenen Größen innerhalb des Viewports bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

At some viewport sizes, content with the alignwide class is being clipped by the viewport. In the attached screenshot, the viewport is 1265px wide, but the alignwide content is 1280px wide. I'm guessing the vw calculations are off somehow — perhaps due to visible scrollbars?

Screen Shot 2022-07-07 at 9 53 27 AM
Vorherrschende Sprache
SCSS
Sterne
26
Forks
4
Ø Merge
16 Std. 7 Min.
Gemergte PRs (30 T.)
88

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus cloudfour/cloudfour.com-patterns

Alle Issues in cloudfour/cloudfour.com-patterns

Ähnliche Issues

Weitere Issues zu Web Dev

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.