Benutzer:Rolf b/makeover

Absätze

Absätze dienen der Gliederung eines Textes. Sie werden in HTML mit dem p-Element (engl: paragraph) ausgezeichnet.

Das End-Tag </p> ist in HTML optional, d. h., es muss nicht zwingend angegeben werden. Es ist aber auch in HTML guter Stil das schließende </p>-Tag anzugeben. Das verdeutlicht zugleich auch die Bedeutung dieses Tags: Es umfasst einen Textblock – es steht nicht für den Zwischenraum zwischen zwei Absätzen.

Todos für's Makeover:

• Skin: Schriftfarbe H1 im Darkmode zu dunkel
• Common.css und Skin: Selektor `.page-Startseite #mw-content-text > h1:first-child` obsolet
• Wieso #firstHeading UND .firstHeading - Verwendung ermitteln
  • selfhtml.js:
    • (Namespace in #firstHeading/subpages in span einschließen)
    • Sonderlocke "Startseite": #firstHeading ausblenden
• `#firstHeading` (Skin):
  • Nunito-Font
  • position:relative entfernen (aber Vector checken ob da potenziell andere Inhalte reingeneriert werden)
• Skin: `div#simpleSearch input`: color auf var(--text-color) setzen
• Abgrenzung `div#simpleSearch input#searchInput` vs `div#simpleSearch input` ?
• Skin: #contentSub/#contentSub2: color im Darkmode zu dunkel
• Skin: 3 Stellen legen list-style für UL als Bullet fest:
  • screen.css #712: bullet-Image
  • content-screen.css #109 dito
  • ul { list-style-type:square } - Herkunft?!
• Skin: Styling der selfhtml-navigation als Flexbox, kein CSS mehr im common.css
• Indikator-Bilder (z.B. (?) oben in der Versionsansicht eines Artikels)
• Self-Logo ggf nicht in mw-panel mit clone in firstHeading, sondern nur 1x als Teil der selfhtml-navigation und dann immer direkt darunter
• #siteNotice: margin-right: calc(0.2rem - var(--qa-gap) - var(--qa-iconsize)), um mit dem Suchfeld ausgerichtet zu sein
• blue beanie extrahieren für Überlagerungsbild wie bei Nikolaus
• li im Artikel brauchen line-height:1.5em und margin-bottom mindestens .3em
• refcontainer braucht fit-content(15em) für die 2. Spalte, nicht fix 15em. ODER die Asides müssen so beeinflusst werden, dass sie ihre Breite auf den verfügbaren Platz erweitern.
• Generell ist die Darstellung der Inhaltsspalte auf Referenzseiten als {{Aside|}} kritisch, und die Darstellung von {{Aside|}} als <div class="tocright aside"></div> erst recht
• Was machen wir mit Einstellungen/Aussehen/Erweitert: Links unterstreichen und Stub-Darstellung?
  • Links unterstreichen wird tief unten vom ResourceLoader gesteuert, er schickt einen kleinen style-Block in den head-Bereich, der a { text-decoration:underline; } oder a { text-decoration:none; } enthält, es gibt KEINE Klasse oder so, die das steuert.
  • Stub-Darstellung wird vom Link-Renderer gesteuert, der fügt bei Stub-Links eine Klasse "stub" hinzu. Derzeit ist die zugehörige Vector-Regel nicht spezifisch genug, ich hab sie trotzdem mal überschrieben um für stubs eine "normale" Linkdarstellung zu forcieren.

• Diskutieren: Nutzen des QuickAccess-Menü bei action-edit ?`
• Diskutieren: Extrafarbeinstellungen für @media (prefers-contrast: more)?