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

Style des liens actifs du upper menu : ajout de la possibilité de choisir entre site et page active #828

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Olivia206
Copy link
Contributor

@Olivia206 Olivia206 commented Dec 18, 2024

Type

  • Nouvelle fonctionnalité
  • Bug
  • Ajustement
  • Rangement

Description

Actuellement on ciblait la classe .active dans le upper menu pour ajouter le style avec la bordure grise en bas du lien. Le problème est que plusieurs sites utilisent plutôt ce upper menu pour naviguer dans un éco-système, le sélecteur n'est donc plus approprié.

On ajoute une variable $header-upper-menu-active-style-for-sites à faux par défaut : si elle est true, alors notre sélecteur change et devient :not(a[href*=“https://“], a[href*=“http://“] (soit : tout ce qui n'est pas un lien externe) (nb : il faut impérativement mettre / en url du site actif)

Le style va s'adapter aux changements de la variable dans header.sass.

Niveau d'incidence

  • Incidence faible 😌
  • Incidence moyenne 😲
  • Incidence forte 😱

Comment on lines +115 to +117
$upper-menu-active-selector: '.active'
@if $header-upper-menu-active-style-for-sites
$upper-menu-active-selector: ':not([href*="https://"], [href*="http://"])'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pourquoi c'est l'un ou l'autre ? ça peut pas être les deux ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ça risque de prêter à confusion, non ?

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

Successfully merging this pull request may close these issues.

2 participants