mediawiki.skinning.interface

"skin.{name}.styles": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "content-links": true,
        "content-media": true,
        "interface-message-box": true,
        "interface-category": true,
        "content-tables": true,
        "i18n-ordered-lists": true,
        "i18n-all-lists-margins": true,
        "i18n-headings": true,
        "elements": true,
        "interface": true,
        "logo": true
    },
    ..
}

v1.43: fonctionnalité interface-message-box obsolète

Aucun remplacement est nécessaire - supprimez simplement la fonctionnalité, sauf si vous avez besoin de conserver un support pour les extensions qui utilisent le balisage mw-message-box et qui n'ont pas été mises à jour dans le Codex. Informations complémentaires dans phab:T360668.

v1.43: fonctionnalité i18n-all-lists-margins obsolète

Les habillages qui utilisent le i18n-all-lists-margins peuvent ajouter la fonctionnalité elements.

Si vous ne souhaitez pas ajouter la fonctionnalité elements vous pouvez ajouter le CSS suivant à votre habillage :

@import 'mediawiki.mixins.less';
ul {
	margin-top: 0.3em;
	.margin-inline( 1.6em, 0 );
	padding: 0;
}

ol {
	margin-top: 0.3em;
	.margin-inline( 3.2em, 0 );
	padding: 0;
}

dd {
	.margin-inline( 1.6em, 0 );
}

v1.38 Pour les habillages rendant obsolètes les anciennes fonctionnalités

Les habillages qui utilisent la fonctionnalité legacy doivent à la place activer les fonctionnalités suivantes

Avant :

"skins.legacy": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "legacy": true
    },
    ..
}

Après :

"skins.legacy": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "content-links": true,
        "content-thumbnails": true,
        "interface-message-box": true,
        "interface-category": true,
        "content-tables": true,
        "i18n-ordered-lists": true,
        "i18n-all-lists-margins": true,
        "i18n-headings": true
    },
    ..
}

Lors de cette transiton, veuillez rapporter tout bogue et suivez le conseil suivant...

Il est recommandé d'activer les fonctionnalités normalize et elements

Sans cela, vous pouvez noter que quelques éléments apparaîssent un peu en dehors, particulièrement dans le mode impression. Néanmoins si votre habillage fournit des alternatives, vous pouvez ignorer.

visualClear

Les habillages qui utilisent visualClear doivent utiliser à la place le mixin de correction clair (.mixin-clearfix()). Pour aider dans la migration, ajoutez le style suivant à votre habillage :

.visualClear {
    clear: both;
}

Les habillages doivent définir en rouge les liens vers les pages non existantes

Les habillages qui utilisent l'ancienne fonctionnalité reçoivent actuellement la couleur rouge pour le lien ba0000. Les habillages qui utilisent la fonctionnalité content-links recevront une couleur de d33. Dans le futur, les habillages pourront définir une variable LESS pour le redéfinir.

Pour les habillages qui ne les importent pas, ces liens apparaîtront comme des liens classiques.

Suggéré :

a.new {
	color: #ba0000;
}

Les habillages doivent mettre en forme leurs liens de modification s'ils n'incluent pas la fonctionnalité interface

Si un habillage n'inclut pas la fonctionnalité interface, il peut être logique que l'habillage copie le contenu des styles obsolètes dans resources/src/mediawiki.skinning/interface-edit-section-links.less. Les habillages sont encouragés à être déterminés sur la manière dont les liens de modification s'affichent et les réviser selon les besoins.

Les habillages qui utilisent les classes error, warning ou success doivent fournir leurs propres styles

• Remplacer par mw-messagebox, mw-warningbox, mw-successbox et ses classes PHP Html::warningBox/Html::messageBox associées.

Vérifiez votre habillage lorsque vous imprimez

Veuillez vérifier votre feuille de style pour l'impression, en particulier pour les régressions de l'interface utilisateur concernant le pied de page.

• Seuls les habillages utilisant la fonctionnalité de l'interface vont masquer automatiquement les éléments avec la classe printfooter.
• Les habillages qui utilisent l'élément #footer avec la fonctionnalité interface auront reçu précédemment le pied de page contenu dans une boîte grise. Maintenant ceci est de la responsabilité de l'habillage.

@media (print) {
    #footer {
        background: #fff;
        color: #000;
        margin-top: 1em;
        border-top: 1pt solid #aaa;
        padding-top: 5px;
        direction: ltr;
    }
}

Note concernant la directionnalité

Auparavant, la fonctionnalité legacy imposait les règles suivantes :

.mw-content-ltr {

       /* @noflip */

       direction: ltr;

}

.mw-content-rtl {

       /* @noflip */

       direction: rtl;

}

Ces règles ne sont plus nécessaires. Tous les éléments avec ces classes doivent avoir un attribut HTML dir pour fournir cette règle.

Plusieurs wikis pourraient utiliser ces classes sans l'attribut dir, comme découvert dans T287701 et cela a donc un sens pour que votre habillage les inclut pour l'instant.

Les spinners Ajax

Il n'y aura plus de valeur par défaut pour mw-ajax-loader, mw-small-spinner. Copier les styles s'ils sont nécessaires.

.mw-ajax-loader {
	background-image: url( images/ajax-loader.gif );
	background-position: center center;
	background-repeat: no-repeat;
	padding: 16px;
	position: relative;
	top: -16px;
}

.mw-small-spinner {
	padding: 10px !important; /* stylelint-disable-line declaration-no-important */
	margin-right: 0.6em;
	background-image: url( images/spinner.gif );
	background-position: center center;
	background-repeat: no-repeat;
}