diff --git a/app/assets/stylesheets/dmpopidor.scss b/app/assets/stylesheets/dmpopidor.scss index 4c8bc4b..2888a6f 100644 --- a/app/assets/stylesheets/dmpopidor.scss +++ b/app/assets/stylesheets/dmpopidor.scss @@ -3,7 +3,7 @@ */ $blue: #2c7dad; -$light-blue: #92c5de; +$dark-blue: #1c5170; $very-light-blue: #dcecf6; $very-very-light-blue: #edf5fa; $white: #fff; @@ -429,6 +429,21 @@ border: 1px solid $blue; border-bottom-color: transparent; } + + li.phase-tab > a { + background-color: $dark-blue; + } + + li.phase-tab > a:hover, + li.phase-tab > a:focus, + li.active.phase-tab > a, + li.active.phase-tab > a:focus, + li.active.phase-tab > a:hover { + color: $dark-blue; + background-color: white; + border: 1px solid $dark-blue; + border-bottom-color: transparent; + } } .nav-pills { background-color: $blue; diff --git a/app/views/branded/plans/_navigation.html.erb b/app/views/branded/plans/_navigation.html.erb index f8ec62c..4b7c11c 100644 --- a/app/views/branded/plans/_navigation.html.erb +++ b/app/views/branded/plans/_navigation.html.erb @@ -7,10 +7,10 @@ <%= link_to(d_('dmpopidor', 'Research outputs'), plan_research_outputs_path(plan), role: 'tab', 'aria-controls': 'content') %> <% phases.each do |phase| %> -