bootstrap 4 uses card instead of panel

app/assets/stylesheets/application.css

@@ -10,7 +10,6 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require bulkrax/application
  *= require fontselect
  *= require codemirror
  *= require codemirror/themes/neat
@@ -22,6 +21,7 @@
  *= require blacklight_advanced_search
  *= require blacklight_range_limit
  *= require cropper.min
+ *= require bulkrax/application
  *= require_self
  *= require hyku_knapsack/application
  */

app/assets/stylesheets/hyku.scss

@@ -176,7 +176,7 @@ footer.navbar {
     padding-left: 1em;
   }
 
-  .panel-heading {
+  .card-heading {
     line-height: 2.4em;
   }
 
@@ -334,8 +334,8 @@ footer.navbar {
   padding: 0;
 }
 
-#users > .panel {
-  .panel-body {
+#users > .card {
+  .card-body {
     padding-left: 0;
   }
 
@@ -544,7 +544,7 @@ span.constraint-value p, .facet-values p {
 }
 
 // make the facet counts appear at the end of the facet panel
-.facet-content .panel-body .facet-values p {
+.facet-content .card-body .facet-values p {
   display: flex;
   justify-content: space-between;
 }

app/assets/stylesheets/themes/cultural_repository.scss

@@ -241,19 +241,19 @@
 
   // Note: copied over to override /* line 226, /usr/local/bundle/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss
   .panel-group {
-    .panel {
+    .card {
       border-radius: 0 !important;
       margin-bottom: 0 !important;
     }
 
-    .panel + .panel {
+    .card + .card {
       margin-top: 0 !important;
     }
   }
 
   // Note: copied over to override /* line 238, /usr/local/bundle/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
-  .panel-group .panel-heading + .panel-collapse > .panel-body,
-  .panel-group .panel-heading + .panel-collapse > .list-group {
+  .panel-group .card-heading + .panel-collapse > .card-body,
+  .panel-group .card-heading + .panel-collapse > .list-group {
     border-top: 0 !important;
   }
 
@@ -311,7 +311,7 @@
 
   @media (max-width: 768px) {
     // Note: copied over to override /* line 163, /usr/local/bundle/gems/blacklight-6.23.0/app/assets/stylesheets/blacklight/_facets.scss */
-    #facets .top-panel-heading {
+    #facets .top-card-heading {
       border: 1px solid #999999 !important;
     }
   }

app/views/admin/roles_service/index.html.erb

@@ -4,8 +4,8 @@
   <%= t('hyrax.admin.roles_service_jobs.header') %></h1>
 <% end %>
 
-<div class='panel panel-default'>
-  <div class='panel-body'>
+<div class='card card-default'>
+  <div class='card-body'>
     <div class='table-responsive'>
       <table class='table table-striped datatable'>
         <tbody>

app/views/hyrax/content_blocks/_form.html.erb

@@ -151,9 +151,9 @@
       </div>
     </div>
     <div id="homepage_about_section_heading" class="tab-pane">
-      <div class="panel panel-default labels">
+      <div class="card card-default labels">
         <%= simple_form_for ContentBlock.for(:homepage_about_section_heading), url: hyrax.content_block_path(ContentBlock.for(:homepage_about_section_heading)), html: {class: 'nav-safety'} do |f| %>
-          <div class="panel-body">
+          <div class="card-body">
             <div class="field form-group">
                 <%= f.label :homepage_about_section_heading %><br />
                 <%# the following line was changed from hyrax to give some context for what this context block does %>
@@ -169,9 +169,9 @@
       </div>
     </div>
     <div id="homepage_about_section_content" class="tab-pane">
-      <div class="panel panel-default labels">
+      <div class="card card-default labels">
         <%= simple_form_for ContentBlock.for(:homepage_about_section_content), url: hyrax.content_block_path(ContentBlock.for(:homepage_about_section_content)), html: {class: 'nav-safety'} do |f| %>
-          <div class="panel-body">
+          <div class="card-body">
             <div class="field form-group">
                 <%= f.label :homepage_about_section_content %><br />
                 <%# the following line was changed from hyrax to give some context for what this context block does %>

app/views/hyrax/oers/show.html.erb

@@ -12,12 +12,12 @@
   </div>
   <div class="col-xs-12">&nbsp;</div>
   <div itemscope itemtype="http://schema.org/CreativeWork" class="col-xs-12">
-    <div class="panel panel-default">
-      <div class="panel-heading">
+    <div class="card card-default">
+      <div class="card-heading">
         <%= render 'work_title', presenter: @presenter %>
         <%= render 'show_actions', presenter: @presenter %> 
       </div>
-      <div class="panel-body">
+      <div class="card-body">
         <div class="row">
           <%= render 'workflow_actions_widget', presenter: @presenter %>
           <% if @presenter.video_embed_viewer? %>

app/views/roles/index.html.erb

@@ -4,8 +4,8 @@
 
 <div class="row">
   <div class="col-md-12">
-    <div class="panel panel-default">
-      <div class="panel-body">
+    <div class="card card-default">
+      <div class="card-body">
         <table class="table table-striped datatable">
           <thead>
             <tr>

app/views/themes/cultural_repository/_facets.html.erb

@@ -1,7 +1,7 @@
 <% # main container for facets/limits menu -%>
 <% if has_facet_values? %>
 <div id="facets" class="cultural-repository facets sidenav">
-  <div class="top-panel-heading">
+  <div class="top-card-heading">
     <button type="button" class="facets-toggle navbar-toggler" data-toggle="collapse" data-target="#facet-panel-collapse" aria-expanded="false" aria-controls="facet-panel-collapse">
       <span class="sr-only">Toggle facets</span>
       <span class="navbar-toggler-icon"></span>

app/views/themes/image_show/hyrax/base/show.html.erb

@@ -9,11 +9,11 @@
     <%= render 'work_type', presenter: @presenter %>
   </div>
   <div itemscope itemtype="http://schema.org/CreativeWork" class="col-xs-12">
-    <div class="panel panel-default">
-      <div class="panel-heading">
+    <div class="card card-default">
+      <div class="card-heading">
         <%= render 'work_title', presenter: @presenter %>
       </div>
-      <div class="panel-body">
+      <div class="card-body">
         <div class="row">
           <%= render 'workflow_actions_widget', presenter: @presenter %>
           <% if @presenter.iiif_viewer? %>

app/views/themes/scholarly_show/hyrax/oers/show.html.erb

@@ -9,11 +9,11 @@
     <%= render 'work_type', presenter: @presenter %>
   </div>
   <div itemscope itemtype="http://schema.org/CreativeWork" class="col-xs-12">
-    <div class="panel panel-default">
-      <div class="panel-heading">
+    <div class="card card-default">
+      <div class="card-heading">
         <%= render 'work_title', presenter: @presenter %>
       </div>
-      <div class="panel-body">
+      <div class="card-body">
         <div class="row">
           <%= render 'workflow_actions_widget', presenter: @presenter %>
           <% if @presenter.iiif_viewer? %>