popcodeorg / popcodeorg/popcode

Vertical Divider Thickness / Environment Column Overflow Y

Offen
#1,512 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
191
Forks
143
Ø Merge
4 T. 11 Std.
Gemergte PRs (30 T.)
5

Beschreibung

While looking at the component resizing PR, I noticed the space between the editor column and output is separated by a thick light gray area. I believe this is attributed to the overflow-y: scroll on the environment__column-contents rule. Taking it away seems to make the layout feel a bit cleaner and doesn't seem to make much of a difference in the scrolling experience as far as I can tell. Is there a reason for this rules existence that I am missing?

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    **overflow-y: scroll;**
}```

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die Regel .environment__column-contents zu finden, und untersuche, wie sich ihr Verhalten overflow-y: scroll auf das Layout von Editor und Ausgabe auswirkt. Vergleiche Layout und Scrolling-Erfahrung, wenn diese Deklaration entfernt wird, und bestätige, ob der dicke Trenner und der Überlauf der Spalte behoben sind, ohne das Scrolling zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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