Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[custom/css/frontend.css] Paramètre non appliqué #2632

Closed
pbarille opened this issue Jul 12, 2023 · 7 comments
Closed

[custom/css/frontend.css] Paramètre non appliqué #2632

pbarille opened this issue Jul 12, 2023 · 7 comments
Labels

Comments

@pbarille
Copy link

Bonjour,

Je fais des tests de modification graphique de l'interface de Geonature 2.12 via le dossier custom/css/frontend.css en tentant par exemple de passer cette propriété :
.no-link-style { color : #084a8d }

Mais lors de l'ouverture d'une fiche dans geonature, la console de mon navigateur m'indique qu'elle n'a pas été appliquée et que le style .no-link-style[_ngcontent-uix-c290] est appliqué.

Y-a-t-il une possibilité de surcoucher ce type de style via les customs ?

Merci !
Bonne journée

@TheoLechemia
Copy link
Member

Bonjour,
Depuis la 2.12 les fichiers de surcouche du frontend sont dans le répertoire : backend/static/css/frontend.css
C'est un petit loupé dans la doc, on va ajouter ça

@TheoLechemia
Copy link
Member

TheoLechemia commented Jul 18, 2023

Petite erreur, c'est ici :
~/geonature/custom/css/frontend.css
et la doc : `https://docs.geonature.fr/admin-manual.html#customisation

@pbarille
Copy link
Author

Bonjour,

Merci pour ce retour.
C'est bien ce chemin ~/geonature/custom/css/frontend.css que j'ai utilisé mais j'ai l'impression que les paramètres de couleurs de boutons de l'application (tout ce qui est en violet) n'accepte pas les surcouches css.

Peut-être que je m'y prend mal ?

Merci !

@TheoLechemia
Copy link
Member

TheoLechemia commented Jul 18, 2023

Le css c'est parfois pénible !
Quel est la règle que vous essayez de mettre ?
Je viens de tester ça sur la démo et ça fonctionne :

button[color="primary"] {
background-color: blue!important;
}

https://demo.geonature.fr/geonature/#/occtax

@pbarille
Copy link
Author

Merci pour ces infos !
Je vais essayer ce type de paramètres.

Dans mes essais, c'est le violet présent sur cette page que je tentais de modifier :
image

@TheoLechemia
Copy link
Member

Avec ça, ça fonctionne :

button.mdc-fab {
background-color: blue!important;
}

@pbarille
Copy link
Author

Ca fonctionne !
Merci beaucoup !
J'ai l'impression que c'est le !important qui change tout :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants