Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Consolidate CSS of other solid-panes elements

Aperta
#245 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Refactoring
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
css, javascript, webpack

Direzione di ricerca

Inizia esaminando i punti di ingresso dei pannelli elencati, in particolare socialPane.js, dashboard/basicPreferences.ts e le directory trustedApplications, dokieli, audio, video, slideshow, playlist, trip e home. Confronta quindi l’esempio degli stili di profile-pane, webpack.config.mjs e src/index.ts, poi verifica che ogni pannello estragga il CSS inline, lo includa nella release e utilizzi o documenti variabili di tema mashlib appropriate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

There are other panes and elements that need work, too:

IMPORTANT - some panes may only be visible once Power User is active.

Solid-panes:

TODO for each:

  • extracting all inline CSS in dedicated CSS files (example in profile-pane) Very important is to create dedicated CSS pane names. Example: if you use the .warning, its CSS will be coming from mash.css so create a dedicated .warning-contact for it if the one in mash.css does not fit.
  • making sure the CSS is part of the release. Maybe we need a webpack) build, and an accompanying entry file (example index.ts)
  • using already available CSS variables from mashlib light theme and documenting in the PR what other CSS variables could be moved to the main mashlib theme
Lingua principale
JavaScript
Stelle
146
Fork
21
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di SolidOS/solidos

Tutte le issue di SolidOS/solidos

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.