Agrandir largeur #contenu dans l'espace privé si #extra est vide ?

Dev
1

Bonjour

Dans l’espace privé, je cherche à agrandir la largeur de la <div id=" #contenu">... uniquement si <div id=" #extra">... est vide.

Une idée de comment je pourrais m’y prendre ?

Merci de votre aide

1 « J'aime »
2

Trouvé !

Pour ce faire, j’ai rajouté dans ma feuille de styles CSS prive le code suivant :

/* documentation en 2 colonnes en écran large */
@media (min-width: 1200px) {
	@supports (display: grid) {
		.prefix_de_mon_plugin #conteneur:not(.pleine_largeur) {
			grid-template-areas:
				"navigation contenu"
				"extra      contenu";
			grid-template-columns: 22% 75%;
		}
	}
}

Edit : À noter que j’ai trouvé la solution dans prive\themes\spip\layout.css grâce à la page ecrire/?exec=job_queue qui utilise cette solution :

@media (min-width: 1200px) {

   @supports (display: grid) {

       .job_queue #conteneur:not(.pleine_largeur) {

           grid-template-areas:

               "navigation contenu"

               "extra      contenu";

           grid-template-columns: 25% 72%;

       }

   }

}