Bug dégradé CSS panneau d'administration

[Archambault]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour/Bonsoir à tous,

En essayant d'installer un code permettant d'insérer un effet de pointillé (plus écarté), je suis tombé sur le fiddle suivant.
Quand j'applique ce code dans l'outil de développement de mes différents navigateurs tout fonctionne.

Code:

.PA-wrap::before {
    background: linear-gradient(to right, rgba(0,0,0,0.8) 30%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 5px 1px;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
}

Or, j'ai un problème, car une fois ce code placé dans la section adéquate du panneau d'administration,
le code publié sur la page (inspecté depuis l'outil développeur) enlève tous les espaces. J'obtiens donc :

Code:

.PA-wrap::before {
    background: linear-gradient(toright,rgba(0,0,0,0.8)30%,rgba(255,255,255,0)0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 5px 1px;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
}

Mais "toright" n'étant pas reconnu comme "to right", l'affichage échoue. Ce problème de suppression d'espace ne s'est jamais manifesté sur aucune autre ligne de mon code.

Ainsi, serait-il possible d'inspecter ce bug ou de me proposer une solution alternative ?

Bien à vous,

[no_way]

Bonjour.
Essayez en usant de la notation en degré:

Code:

.PA-wrap::before {
    background: linear-gradient(90 deg, rgba(0,0,0,0.8) 30%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 5px 1px;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
}

[Archambault]

Cela fonctionne parfaitement.

Je vous remercie de votre aide.

EDIT : Petite remarque : à l'inverse, l'inscription de l'angle par degrés (to right > 90deg) semble refusé par l'inspection de l'outil de développeur de google chrome. Le code fonctionne néanmoins sans accroc une fois placé dans l'interface du panneau d'administration.