diff --git a/app/assets/stylesheets/notifications.scss b/app/assets/stylesheets/notifications.scss index d9e6a9931..eec59f93d 100644 --- a/app/assets/stylesheets/notifications.scss +++ b/app/assets/stylesheets/notifications.scss @@ -7,3 +7,9 @@ span.notifications { border-radius: 4px; background-color: $orange; } + +.fr-tabs__list span.notifications { + z-index: 2; + top: 5px; + right: 8px; +} diff --git a/app/views/shared/_tab_item.html.haml b/app/views/shared/_tab_item.html.haml index 73a96e55b..cd4103ef8 100644 --- a/app/views/shared/_tab_item.html.haml +++ b/app/views/shared/_tab_item.html.haml @@ -1,4 +1,4 @@ -%li{ class: (active ? 'active' : nil), role: 'presentation' } +%li{ class: "relative #{(active ? 'active' : nil)}", role: 'presentation' } - if notification %span.notifications{ 'aria-label': 'notifications' } = link_to(url, 'aria-selected': active ? true : nil, class: 'fr-tabs__tab', role: 'tab' ) do