Apparence des liens clikés

Apparence des liens clikés

par tali bamba,
Nombre de réponses : 2

Salut à tous,

Un petit détail me chiffonne :D

Il s'agit de l'apparition d'un contour ou d'une ligne de soulignement lorsque l'on clique sur un lien (sous moodle 3.9).

J'ai beau tenté d'ajouter une ligne css : a:active {border:none!important; text-decoration:none!important;}

Mais rien n'y fait.

Une idée ?


Merci par avance !


Moyenne des évaluations  -
En réponse à tali bamba

Re: Apparence des liens clikés

par tali bamba,
J'ai en partie trouvé !
Ca se trouve dans le fichier "core.scss" dans "theme/boost/scss/moodle/"

Il s'agit de modifier les class suivantes :

.aalink,
#page-footer a:not([class]),
.arrow_link,
a:not([class]),
.activityinstance > a {
&.focus,
&:focus {
outline: $btn-focus-width solid transparent;
color: $gray-900;
background-color: lighten($primary, 50%);
box-shadow: 0 -#{$btn-focus-width} lighten($primary, 50%), 0 $btn-focus-width $gray-800;
}
&:focus:hover {
text-decoration: none;
}
}


et


.aabtn,
.btn-link,
.nav-link,
.atto_link_button,
[role="button"],
.list-group-item-action,
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="image"],
.sr-only-focusable,
a.dropdown-item,
a.dropdown-toggle,
.modal-dialog[tabindex="0"],
.moodle-dialogue-base .closebutton,
button.close {
&.focus,
&:focus {
outline: 0;
box-shadow: $input-btn-focus-box-shadow;
}
&:focus:hover {
text-decoration: none;
}
}

Mettre les box-shadows et outline à "none"
Ca fonctionne pour les liens, par contre j'ai encore quelques boutons qui affichent un contour lorsque l on clique dessus....
Moyenne des évaluations  -
En réponse à tali bamba

Re: Apparence des liens clikés

par tali bamba,
Bon, bin je viens de trouver également pour les boutons. Il suffisait de rajouter les classes .btn, .btn-primary, .btn-secondary :


.aabtn,
.btn-link,
.nav-link,
.atto_link_button,
[role="button"],
.list-group-item-action,
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="image"],
.sr-only-focusable,
a.dropdown-item,
a.dropdown-toggle,
.modal-dialog[tabindex="0"],
.moodle-dialogue-base .closebutton,
button.close, .btn, .btn-secondary, .btn-primary {
&.focus,
&:focus {
outline: none!important;
box-shadow: none!important;
}
&:focus:hover {
text-decoration: none;
}
}


Désolé pour le flood ;)
Peut etre que cela depannera quelqu'un qui voulait également faire disparaitre ces horribles contours au click ;)
Moyenne des évaluations Utile (2)