Benutzer:Rolf b/makeover

Offene Todos für's Makeover

• selfhtml.js:
  • derzeit nichts
• `#firstHeading` (Skin):
  • Nunito-Font
  • position:relative entfernen (aber Vector checken ob da potenziell andere Inhalte reingeneriert werden)
• 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?!
• Indikator-Bilder (z.B. (?) oben in der Versionsansicht eines Artikels)
• 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.
• auf schmalen Bildschirmen:
  • padding: 1em
  • Sponsoren-Logos besser präsentieren
    • ul als Flexbox mit justify-content:space-evenly und flex-wrap:wrap;
    • li Elemente um die Logos ggf. als hellen Hintergrund damit Logos im Darkmode besser aussehen
    • rechten Überstand vom Manitu-Logo entfernen

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

• Linker Rand bei schmalem Viewport zu klein

• Quick-Access auf Safari scrollt raus
• QuickAccess Buttons sind im Safari nicht fixed

• Farben der HTML Attributübersicht sind falsch

Erledigt

• 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
• Continuation Vorlage: fixed
• Skin: `div#simpleSearch input`: color auf var(--text-color) setzen
• 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
• Skin: Styling der selfhtml-navigation als Flexbox, kein CSS mehr im common.css

• selfhtml.js:
  • (Namespace in #firstHeading/subpages in span einschließen)
  • Sonderlocke "Startseite": #firstHeading ausblenden