Remove .card-title from .card-header for BS4 migration

Replaces .card-header > hX.card-title with hX.card-header to remove
.card-title. At a occurrence where bold styling is not necessary,
div.card-header is used instead.
By full removal of .card-title at the moment, all workarounds for
BS4's card-title are removed as well.

More information: https://getbootstrap.com/docs/4.0/migration/#panelsSigned-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>

app/assets/stylesheets/bootstrap_migration.scss

@@ -238,10 +238,6 @@ h3.popover-header {
 }
 
 .card {
-  .card-title {
-    margin-bottom: 0;
-  }
-
   &.card-without-border {
     @extend .border-0;
   }
@@ -255,13 +251,6 @@ h3.popover-header {
   }
 }
 
-.card-header {
-  h3.card-title,
-  h4.card-title {
-    margin-top: 0;
-  }
-}
-
 .nav-tabs {
   // Override bootstrap's default border
   border-bottom: 0;

app/assets/stylesheets/framework/panels.scss

@@ -53,8 +53,3 @@
     margin-top: $gl-padding;
   }
 }
-
-.card-title {
-  font-size: inherit;
-  line-height: inherit;
-}

app/assets/stylesheets/framework/terms.scss

@@ -19,10 +19,6 @@
       justify-content: space-between;
       line-height: $line-height-base;
 
-      .card-title {
-        display: flex;
-        align-items: center;
-
       .logo-text {
         width: 55px;
         height: 24px;
@@ -30,7 +26,6 @@
         flex-direction: column;
         justify-content: center;
       }
-      }
 
       .navbar-collapse {
         padding-right: 0;

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

@@ -63,7 +63,6 @@
 
     .card
       .card-header
-        %h3.card-title
         = _('Projects')
         %span.badge.badge-pill
           #{@group.projects.count}

app/views/layouts/terms.html.haml

@@ -16,7 +16,6 @@
           .content{ id: "content-body" }
             .card
               .card-header
-                .card-title
                 = brand_header_logo
                 - logo_text = brand_header_logo_type
                 - if logo_text.present?

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

@@ -9,7 +9,6 @@
 
 .card.prepend-top-10
   .card-header
-    %h4.card-title
     = panel_title
   %ul.content-list.all-branches
     - branches.first(overview_max_branches).each do |branch|

app/views/projects/protected_branches/shared/_branches_list.html.haml

 .protected-branches-list.js-protected-branches-list.qa-protected-branches-list
   - if @protected_branches.empty?
     .card-header.bg-white
-      %h3.card-title.mb-0
       Protected branch (#{@protected_branches_count})
     %p.settings-message.text-center
       There are currently no protected branches, protect a branch with the form above.

app/views/projects/protected_branches/shared/_create_protected_branch.html.haml

@@ -2,7 +2,6 @@
   %input{ type: 'hidden', name: 'update_section', value: 'js-protected-branches-settings' }
   .card
     .card-header
-      %h3.card-title
       Protect a branch
     .card-body
       = form_errors(@protected_branch)

app/views/projects/protected_tags/shared/_create_protected_tag.html.haml

@@ -2,7 +2,6 @@
   %input{ type: 'hidden', name: 'update_section', value: 'js-protected-tags-settings' }
   .card
     .card-header
-      %h3.card-title
       Protect a tag
     .card-body
       = form_errors(@protected_tag)

app/views/projects/protected_tags/shared/_tags_list.html.haml

 .protected-tags-list.js-protected-tags-list
   - if @protected_tags.empty?
     .card-header
-      %h3.card-title
       Protected tag (#{@protected_tags_count})
     %p.settings-message.text-center
       There are currently no protected tags, protect a tag with the form above.

app/views/projects/registry/repositories/index.html.haml

@@ -18,7 +18,6 @@
     .col-lg-12
       .card
         .card-header
-          %h4.card-title
           = s_('ContainerRegistry|How to use the Container Registry')
         .card-body
           %p

app/views/projects/services/prometheus/_metrics.html.haml

@@ -2,7 +2,6 @@
 
 .card.js-panel-monitored-metrics{ data: { active_metrics: active_common_project_prometheus_metrics_path(project, :json), metrics_help_path: help_page_path('user/project/integrations/prometheus_library/metrics') } }
   .card-header
-    %h3.card-title
     = s_('PrometheusService|Common metrics')
     %span.badge.badge-pill.js-monitored-count 0
   .card-body
@@ -17,7 +16,6 @@
 
 .card.hidden.js-panel-missing-env-vars
   .card-header
-    %h3.card-title
     = icon('caret-right lg fw', class: 'panel-toggle js-panel-toggle', 'aria-label' => 'Toggle panel')
     = s_('PrometheusService|Missing environment variable')
     %span.badge.badge-pill.js-env-var-count 0

app/views/projects/triggers/_index.html.haml

@@ -3,7 +3,6 @@
     = render "projects/triggers/content"
     .card
       .card-header
-        %h4.card-title
         Manage your project's triggers
       .card-body
         = render "projects/triggers/form", btn_text: "Add trigger"

changelogs/unreleased/46884-remove-card-title.yml

+---
+title: Remove .card-title from .card-header for BS4 migration
+merge_request: 19335
+author: Takuya Noguchi
+type: other