Suppression d'espace dans le css vs gradients

[Shad Elbereth]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aucune idée
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour

Je voulais utiliser un petit effet gradient pour donner un peu de peps à mes menus, mais je remarque un problème avec la compression de CSS : il supprime les espaces et du coup empêche le navigateur d'interpréter certaines instructions.

Dans ma feuille CSS :

Code:

#main-menu, #main-user-menu, #notif-menu {
  top: 64px;
  z-index: 999;
  background: linear-gradient(to bottom left, #1e272c,#213648 50%, #1e272c);
}

Dans la source CSS :

Code:

#main-menu,#main-user-menu,#notif-menu{background:linear-gradient(tobottomleft,#1e272c,#21364850%,#1e272c);top:64px;z-index:999}

Y a-t-il moyen soit de forcer la compression à prendre en compte l'espace dans ce type de cas, soit de donner la même instruction sans espace ? Merci d'avance

[Shad Elbereth]

Je me permets de faire remonter le sujet

[Shad Elbereth]

Je suis toujours intéressée par une réponse, si quelqu'un a le temps de se pencher dessus ^-^

[no_way]

Bonjour, il vous faut désactiver l'optimisation de votre CSS car de mémoire FA utilise une version dépassée de CSSTidy qui ne reconnaît pas les dégradés.

[Shad Elbereth]

Un grand merci pour la réponse je n'avais pas vu cette option, effectivement ça règle le problème. C'est donc résolu pour moi (je garderai du coup un œil sur les mises à jour pour voir quand je pourrai rétablir l'optimisation)