Stylus on Chromelle ladattava lisäosa, jolla voi räätälöidä nettisivujen ulkoasua. Jos esimerkiksi Iltalehden värimaailma ei miellytä silmää, niin Stylusilla voit vaihtaa sivuston värimaailman toiseksi!
Itseäni on häirinnyt esimerkiksi Trellon oletusnäkymä kapealla ruudulla:
Oletusnäkymässä usein käyttämäni suosikit-lista jää piiloon Lisää-napin taakse ja työkalurivi jakautuu kahdelle riville vieden turhan paljon tilaa pystysuunnassa. Stylusin avulla saan piilotettua harvemmin tarvittavat toiminnot, jolloin suosikit tulevat suoraan valikkoriville ja työkalut mahtuvat yhdelle riville:
Tämän muutoksen mahdollistaa CSS-tyyli, jonka Stylus asentaa sivulle:
@-moz-document domain("trello.com") {
/* Piilota työtilan valitsin yläpalkista */
#trello-root #surface [data-desktop-id="header"] button[data-testid="workspace-switcher"] {
display: none;
}
/* Piilota äsken käytetyt yläpalkista */
#trello-root #surface [data-desktop-id="header"] button[data-testid="recently-viewed-boards-menu"] {
display: none;
}
/* Piilota mallit yläpalkista */
#trello-root #surface [data-desktop-id="header"] button[data-testid="templates-menu"] {
display: none;
}
/* Näytä suosikit yläpalkissa myös kapealla ruudulla */
@media screen and (max-width: 1160px) {
.uBxJ2o6k5IeFft button:nth-child(3) {
display: flex;
}
}
/* Piilota lisää-nappi yläpalkista */
.uB_pTObtvQIxyu {
display: none;
}
}
Päivitys 22.7.2023: Päivitetty CSS-tyylit Trellon uusinta versiota varten.
Päivitys 18.2.2023: Tämä sivu kertoi alun perin Stylish-nimisestä laajennuksesta. Kun Stylish alkoi näyttää sivuistoilla mainoksia, niin siirryin käyttämään vastaavaa Stylus-laajennosta.



