Problem/Motivation
When using UI Suite DSFR with the core Navigation module, there are side effects.
- links get an underline:
[href] {
background-image: var(--underline-img), var(--underline-img);
...
}
- the header has a higher z-index:
@media (min-width: 62em) {
.fr-header {
...
z-index: calc(var(--ground) + 750);
}
}
Steps to reproduce
Proposed resolution
- Ensure DSFR CSS does not impact Navigation
- Override DSFR z-index or override Navigation z-index.
Remaining tasks
User interface changes
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | ui_suite_dsfr-3526009-3.patch | 3.19 KB | grimreaper |
| Capture d’écran du 2025-05-22 12-12-03.png | 20.52 KB | grimreaper |
Issue fork ui_suite_dsfr-3526009
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #3
grimreaperComment #4
just_like_good_vibesComment #6
just_like_good_vibes