javascript-tutorial / javascript-tutorial/en.javascript.info

Page styling

Offen
#3,041 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
HTML
Sterne
25.5k
Forks
4k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

First off: 100 and 1 thanks for the awesome work.

Some thoughts on the page rendering.

  1. Show visited links in a different color.
    a. It helps navigation, memory re-calls etc.
  2. Keep site toolbar visible at all times.
    a. One have a quick link to the front-page without having to scroll to top.
    b. The search is readily available.
  3. Display list items on front page as block
    a. As it is now items overflowing get a quirked rendering by one list item being "appended" to the next column and partially overlay the next item. I.e. like pt 3.2 here:
    image
    (I have custom color on visited links in image)
    With custom CSS forcing block view:
    image

I use a custom style-sheet with Stylus to fix this but some of it might be worth a thought for general design / options.

a:visited {
    color: #955;
}
.frontpage-content .list-sub__item {
    display: block;
}
.sitetoolbar {
	position: sticky;
	top: 0;
}

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 Styles für .frontpage-content .list-sub__item, .sitetoolbar und die Link-Zustände zu lokalisieren. Überprüfe das Rendering der Startseite, um das angeforderte Verhalten zu verifizieren: Besuchte Links haben eine eigene Farbe, die Toolbar bleibt sichtbar, und Listenelemente überlappen sich nicht mehr oder fließen nicht mehr falsch zwischen Spalten.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
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.