Add .nav.nav-tabs to nav-links

app/views/admin/logs/show.html.haml

@@ -2,7 +2,7 @@
 - page_title "Logs"
 
 %div{ class: container_class }
-  %ul.nav-links.log-tabs
+  %ul.nav-links.log-tabs.nav.nav-tabs
     - @loggers.each do |klass|
       %li{ class: active_when(klass == @loggers.first) }>
         = link_to klass.file_name, "##{klass.file_name_noext}", data: { toggle: 'tab' }

app/views/admin/projects/index.html.haml

@@ -25,7 +25,7 @@
           New Project
         = button_tag "Search", class: "btn btn-primary btn-search hide"
 
-    %ul.nav-links
+    %ul.nav-links.nav.nav-tabs
       - opts = params[:visibility_level].present? ? {} : { page: admin_projects_path }
       = nav_link(opts) do
         = link_to admin_projects_path do

app/views/admin/users/_head.html.haml

@@ -14,7 +14,7 @@
       %i.fa.fa-pencil-square-o
       Edit
 %hr
-%ul.nav-links
+%ul.nav-links.nav.nav-tabs
   = nav_link(path: 'users#show') do
     = link_to "Account", admin_user_path(@user)
   = nav_link(path: 'users#projects') do

app/views/admin/users/index.html.haml

@@ -38,7 +38,7 @@
         = icon('angle-left')
       .fade-right
         = icon('angle-right')
-      %ul.nav-links.scrolling-tabs
+      %ul.nav-links.nav.nav-tabs.scrolling-tabs
         = nav_link(html_options: { class: active_when(params[:filter].nil?) }) do
           = link_to admin_users_path do
             Active

app/views/dashboard/_activity_head.html.haml

 .top-area
-  %ul.nav-links
+  %ul.nav-links.nav.nav-tabs
     %li{ class: active_when(params[:filter].nil?) }>
       = link_to activity_dashboard_path, class: 'shortcuts-activity', data: {placement: 'right'} do
         Your projects

app/views/dashboard/_groups_head.html.haml

 .top-area
-  %ul.nav-links.mobile-separator
+  %ul.nav-links.mobile-separator.nav.nav-tabs
     = nav_link(page: dashboard_groups_path) do
       = link_to dashboard_groups_path, title: _("Your groups") do
         Your groups

app/views/dashboard/_projects_head.html.haml

@@ -4,7 +4,7 @@
 .top-area.scrolling-tabs-container.inner-page-scroll-tabs
   .fade-left= icon('angle-left')
   .fade-right= icon('angle-right')
-  %ul.nav-links.scrolling-tabs.mobile-separator
+  %ul.nav-links.scrolling-tabs.mobile-separator.nav.nav-tabs
     = nav_link(page: [dashboard_projects_path, root_path]) do
       = link_to dashboard_projects_path, class: 'shortcuts-activity', data: {placement: 'right'} do
         Your projects

app/views/dashboard/_snippets_head.html.haml

 .top-area
-  %ul.nav-links
+  %ul.nav-links.nav.nav-tabs
     = nav_link(page: dashboard_snippets_path, html_options: {class: 'home'}) do
       = link_to dashboard_snippets_path, title: 'Your snippets', data: {placement: 'right'} do
         Your snippets

app/views/dashboard/projects/_nav.html.haml

 .nav-block
-  %ul.nav-links.mobile-separator
+  %ul.nav-links.mobile-separator.nav.nav-tabs
     = nav_link(html_options: { class: ("active" unless params[:personal].present?) }) do
       = link_to s_('DashboardProjects|All'), dashboard_projects_path
     = nav_link(html_options: { class: ("active" if params[:personal].present?) }) do

app/views/dashboard/todos/index.html.haml

@@ -4,7 +4,7 @@
 
 - if current_user.todos.any?
   .top-area
-    %ul.nav-links.mobile-separator
+    %ul.nav-links.mobile-separator.nav.nav-tabs
       %li.todos-pending{ class: active_when(params[:state].blank? || params[:state] == 'pending') }>
         = link_to todos_filter_path(state: 'pending') do
           %span

app/views/explore/groups/_nav.html.haml

 .top-area
-  %ul.nav-links
+  %ul.nav-links.nav.nav-tabs
     = nav_link(page: explore_groups_path) do
       = link_to explore_groups_path do
         Explore Groups

app/views/explore/projects/_nav.html.haml

 .top-area
-  %ul.nav-links
+  %ul.nav-links.nav.nav-tabs
     = nav_link(page: [trending_explore_projects_path, explore_root_path]) do
       = link_to trending_explore_projects_path do
         Trending

app/views/help/ui.html.haml

@@ -174,7 +174,7 @@
 
   .example
     .top-area
-      %ul.nav-links
+      %ul.nav-links.nav.nav-tabs
         %li.active
           %a Open
         %li

app/views/projects/_md_preview.html.haml

@@ -9,7 +9,7 @@
 
 .md-area
   .md-header
-    %ul.nav-links.clearfix
+    %ul.nav.nav-tabs.nav-links.clearfix
       %li.md-header-tab.active
         %a.js-md-write-button{ href: "#md-write-holder", tabindex: -1 }
           Write

app/views/projects/blob/edit.html.haml

@@ -15,7 +15,7 @@
       Edit file
     = render 'template_selectors'
   .file-editor
-    %ul.nav-links.no-bottom.js-edit-mode
+    %ul.nav-links.no-bottom.js-edit-mode.nav.nav-tabs
       %li.active
         = link_to '#editor' do
           Write

app/views/projects/branches/index.html.haml

@@ -3,7 +3,7 @@
 
 %div{ class: container_class }
   .top-area.adjust
-    %ul.nav-links.issues-state-filters
+    %ul.nav-links.issues-state-filters.nav.nav-tabs
       %li{ class: active_when(@mode == 'overview') }>
         = link_to s_('Branches|Overview'), project_branches_path(@project), title: s_('Branches|Show overview of the branches')
 

app/views/projects/commit/_ci_menu.html.haml

-%ul.nav-links.no-top.no-bottom.commit-ci-menu
+%ul.nav-links.no-top.no-bottom.commit-ci-menu.nav.nav-tabs
   = nav_link(path: 'commit#show') do
     = link_to project_commit_path(@project, @commit.id) do
       Changes

app/views/projects/merge_requests/creations/_new_submit.html.haml

@@ -24,7 +24,7 @@
         There are no commits yet.
       = custom_icon ('illustration_no_commits')
   - else
-    %ul.merge-request-tabs.nav-links.no-top.no-bottom
+    %ul.merge-request-tabs.nav.nav-tabs.nav-links.no-top.no-bottom
       %li.commits-tab.active
         = link_to url_for(safe_params), data: {target: 'div#commits', action: 'new', toggle: 'tab'} do
           Commits

app/views/projects/merge_requests/show.html.haml

@@ -30,7 +30,7 @@
         .scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
           .fade-left= icon('angle-left')
           .fade-right= icon('angle-right')
-          .nav-links.scrolling-tabs
+          .nav-links.scrolling-tabs.nav.nav-tabs
             %ul.merge-request-tabs.nav-tabs.nav
               %li.notes-tab
                 = tab_link_for @merge_request, :show, force_link: @commit.present? do

app/views/projects/new.html.haml

@@ -28,7 +28,7 @@
         %template.push-new-project-tip-template= render partial: "new_project_push_tip"
 
     .col-lg-9.js-toggle-container
-      %ul.nav-links.gitlab-tabs{ role: 'tablist' }
+      %ul.nav.nav-tabs.nav-links.gitlab-tabs{ role: 'tablist' }
         %li{ class: active_when(active_tab == 'blank'), role: 'presentation' }
           %a{ href: '#blank-project-pane', id: 'blank-project-tab', data: { toggle: 'tab' }, role: 'tab' }
             %span.d-none.d-sm-block Blank project

app/views/projects/pipeline_schedules/_tabs.html.haml

-%ul.nav-links.mobile-separator
+%ul.nav-links.mobile-separator.nav.nav-tabs
   %li{ class: active_when(scope.nil?) }>
     = link_to schedule_path_proc.call(nil) do
       = s_("PipelineSchedules|All")

app/views/projects/pipelines/_with_tabs.html.haml

 - failed_builds = @pipeline.statuses.latest.failed
 
 .tabs-holder
-  %ul.pipelines-tabs.nav-links.no-top.no-bottom.mobile-separator
+  %ul.pipelines-tabs.nav-links.no-top.no-bottom.mobile-separator.nav.nav-tabs
     %li.js-pipeline-tab-link
       = link_to project_pipeline_path(@project, @pipeline), data: { target: '#js-tab-pipeline', action: 'pipelines', toggle: 'tab' },  class: 'pipeline-tab' do
         = _("Pipeline")

app/views/projects/project_members/index.html.haml

@@ -17,7 +17,7 @@
         %i Owners
     .light
       - if can?(current_user, :admin_project_member, @project)
-        %ul.nav-links.gitlab-tabs{ role: 'tablist' }
+        %ul.nav-links.nav.nav-tabs.gitlab-tabs{ role: 'tablist' }
           %li.active{ role: 'presentation' }
             %a{ href: '#add-member-pane', id: 'add-member-tab', data: { toggle: 'tab' }, role: 'tab' } Add member
           - if @project.allowed_to_share_with_group?

app/views/search/_category.html.haml

 .scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
   .fade-left= icon('angle-left')
   .fade-right= icon('angle-right')
-  %ul.nav-links.search-filter.scrolling-tabs
+  %ul.nav-links.search-filter.scrolling-tabs.nav.nav-tabs
     - if @project
       - if project_search_tabs?(:blobs)
         %li{ class: active_when(@scope == 'blobs') }

app/views/shared/_event_filter.html.haml

 .scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
   .fade-left= icon('angle-left')
   .fade-right= icon('angle-right')
-  %ul.nav-links.event-filter.scrolling-tabs
+  %ul.nav-links.event-filter.scrolling-tabs.nav.nav-tabs
     = event_filter_link EventFilter.all, _('All'), s_('EventFilterBy|Filter by all')
     - if event_filter_visible(:repository)
       = event_filter_link EventFilter.push, _('Push events'), s_('EventFilterBy|Filter by push events')

app/views/shared/_milestones_filter.html.haml

-%ul.nav-links.mobile-separator
+%ul.nav-links.mobile-separator.nav.nav-tabs
   %li{ class: milestone_class_for_state(params[:state], 'opened', true) }>
     = link_to milestones_filter_path(state: 'opened') do
       Open

app/views/shared/builds/_tabs.html.haml

-%ul.nav-links.mobile-separator
+%ul.nav-links.mobile-separator.nav.nav-tabs
   %li{ class: active_when(scope.nil?) }>
     = link_to build_path_proc.call(nil) do
       All

app/views/shared/issuable/_nav.html.haml

@@ -2,7 +2,7 @@
 - page_context_word = type.to_s.humanize(capitalize: false)
 - display_count = local_assigns.fetch(:display_count, :true)
 
-%ul.nav-links.issues-state-filters.mobile-separator
+%ul.nav-links.issues-state-filters.mobile-separator.nav.nav-tabs
   %li{ class: active_when(params[:state] == 'opened') }>
     = link_to page_filter_path(state: 'opened', label: true), id: 'state-opened', title: "Filter by #{page_context_word} that are currently opened.", data: { state: 'opened' } do
       #{issuables_state_counter_text(type, :opened, display_count)}

app/views/shared/milestones/_tabs.html.haml

@@ -3,7 +3,7 @@
 .scrolling-tabs-container.inner-page-scroll-tabs.is-smaller
   .fade-left= icon('angle-left')
   .fade-right= icon('angle-right')
-  %ul.nav-links.scrolling-tabs.js-milestone-tabs
+  %ul.nav-links.scrolling-tabs.js-milestone-tabs.nav.nav-tabs
     - if issues_accessible
       %li.active
         = link_to '#tab-issues', 'data-toggle' => 'tab', 'data-show' => '.tab-issues-buttons' do

app/views/sherlock/queries/show.html.haml

 - page_title t('sherlock.title'), t('sherlock.transaction'), t('sherlock.query')
 - header_title t('sherlock.title'), sherlock_transactions_path
 
-%ul.nav-links
+%ul.nav-links.nav.nav-tabs
   %li.active
     %a{ href: "#tab-general", data: { toggle: "tab" } }
       = t('sherlock.general')

app/views/sherlock/transactions/show.html.haml

 - page_title t('sherlock.title'), t('sherlock.transaction')
 - header_title t('sherlock.title'), sherlock_transactions_path
 
-%ul.nav-links
+%ul.nav-links.nav.nav-tabs
   %li.active
     %a{ href: "#tab-general", data: { toggle: "tab" } }
       = t('sherlock.general')

app/views/snippets/_snippets_scope_menu.html.haml

 - subject = local_assigns.fetch(:subject, current_user)
 - include_private = local_assigns.fetch(:include_private, false)
 
-.nav-links.snippet-scope-menu.mobile-separator
+.nav-links.snippet-scope-menu.mobile-separator.nav.nav-tabs
   %li{ class: active_when(params[:scope].nil?) }
     = link_to subject_snippets_path(subject) do
       All

app/views/users/show.html.haml

@@ -81,7 +81,7 @@
     .scrolling-tabs-container
       .fade-left= icon('angle-left')
       .fade-right= icon('angle-right')
-      %ul.nav-links.user-profile-nav.scrolling-tabs
+      %ul.nav-links.user-profile-nav.scrolling-tabs.nav.nav-tabs
         - if profile_tab?(:activity)
           %li.js-activity-tab
             = link_to user_path, data: { target: 'div#activity', action: 'activity', toggle: 'tab' } do

spec/javascripts/fixtures/event_filter.html.haml

-%ul.nav-links.event-filter.scrolling-tabs
+%ul.nav-links.event-filter.scrolling-tabs.nav.nav-tabs
   %li.active
     %a.event-filter-link{ id: "all_event_filter", title: "Filter by all", href: "/dashboard/activity"}
       %span