DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix display of notification dot inside DSFR tabs

Browse source
This commit is contained in:
Lisa Durand 2023-11-16 14:06:05 +01:00
parent 139e8f2059
commit 8ecc242586
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/notifications.scss
View file

@ -7,3 +7,9 @@ span.notifications {
border-radius: 4px; border-radius: 4px;
background-color: $orange; background-color: $orange;
} }
.fr-tabs__list span.notifications {
z-index: 2;
top: 5px;
right: 8px;
}

2
app/views/shared/_tab_item.html.haml
View file

@ -1,4 +1,4 @@
%li{ class: (active ? 'active' : nil), role: 'presentation' } %li{ class: "relative #{(active ? 'active' : nil)}", role: 'presentation' }
- if notification - if notification
%span.notifications{ 'aria-label': 'notifications' } %span.notifications{ 'aria-label': 'notifications' }
= link_to(url, 'aria-selected': active ? true : nil, class: 'fr-tabs__tab', role: 'tab' ) do = link_to(url, 'aria-selected': active ? true : nil, class: 'fr-tabs__tab', role: 'tab' ) do