Theme FORDSON - Probleme CSS de fil d'arianne

Theme FORDSON - Probleme CSS de fil d'arianne

par nicolas aniort,
Nombre de réponses : 6

Bonjour à toutes et tous.

Je travaille ( entre autre ) sur la refonte d'un plateforme Moodle Moodle 3.8.2+ theme Fordson

j'ai un petit soucis sur la mise en page de la navbar ou fil d'arianne.

j'ai redéfinie la CSS mais il me reste un  reliquat de la mise en forme  de base et malgré tous mes efforts...rien à faire...il reste un petit bout de bleu au passage de la souris (cf. ci-dessous) au lieu du jolie bleu canard qui le précède 😉.


Pour les modifications CSS dans SCSS brut: 

h3.sectionname {
    color: #fff; 
    background-color: #22a89f;
 }
h3.sectionname a {
    color: #FFF;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #22a89f;
    border-color: transparent;
}
ul.breadcrumb li.active, .breadcrumb li:hover {
    background-color: #22a89f;
}
li.breadcrumb-item.dimmed_text_fhs:hover {
    background-color: #22a89f;
}
@media screen and (min-width: 576px)
li.breadcrumb-item.dimmed_text_fhs:hover {
    background-color: #22a89f;
}
@media screen and (min-width: 576px)
ul.breadcrumb li.active, .breadcrumb li:hover {
    background-color: #22a89f;
}

@media screen and (min-width: 576px)
ul.breadcrumb li.active, .breadcrumb li:hover {
    background-color: #22a89f;
}
@media screen and (min-width: 576px)
ul.breadcrumb li.active:after, .breadcrumb li:hover:after {
    background-color: #22a89f;
}
.activity-navigation {
    background-color: #22a89f;
    padding: 1rem 0;
}

Si vous avez une idée sur ce qu'il y  a faire , je suis preneur.

Merci par avance .

Nicolas





Moyenne des évaluations  -
En réponse à nicolas aniort

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par Séverin Terrier,
Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Bonjour Nicolas,

Tu devrais peut-être déjà commencer par passer à Moodle 3.8.9 (sorti récemment), afin d'intégrer tous les derniers correctifs de cette branche.

Séverin
Moyenne des évaluations Utile (2)
En réponse à Séverin Terrier

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par nicolas aniort,
Bonjour Séverin.

Merci de ton retour.

Hmmm....l'idée est bonne!😉...

Je vais faire cela au plus vite afin de pouvoir faire un retour rapide sur le sujet.

Penses tu que je puisses faire un saut de version vers la version 3.10 tant que j'y suis ? ou la base ne va être contente?



  
En réponse à nicolas aniort

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par Séverin Terrier,
Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Faire une mise à jour majeure reste une autre histoire, à considérer avec bien plus de prudence, et certainement planifier (et tester d'abord sur une copie de la production).

Je te laisse déjà consulter la liste des versions de Moodle, avec leurs nouveautés, notes de mise à jour, instructions de mises à jour, et à toi de juger si les changements sont utiles, si ton serveur permet d'héberger les versions plus récentes, si les plugins utilisés sont compatibles...

Séverin
En réponse à nicolas aniort

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles

Bonjour,

En mettant dans SCSS brut initial:

$breadcrumb-bg-hover: #22a89f;

Christian

Moyenne des évaluations Utile (3)
En réponse à Christian Bocquet

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par nicolas aniort,
Bonjour Christian.

Ca y es. C'est résolu !!!



Merci pour ta solution !!!!

Maintenant que le test est fait, il va falloir que je comprennes 😉!!

Problème résolu!!!
En réponse à nicolas aniort

Re: Theme FORDSON - Probleme CSS de fil d'arianne

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles

Les couleurs par défaut du thème Fordson sont définies dans le fichier :
theme/fordson/scss/fordson_variables.scss

En particulier $breadcrumb-bg-hover à la ligne 30. Voir ici.

Christian