Change panel -> card

flaskbb/templates/forum/index.html

@@ -6,7 +6,7 @@
         {% include theme("forum/category_layout.html") %}
     {% endfor %}
 
-    <div class="card page-panel mt-3">
+    <div class="card page mt-3">
         <div class="card-header page-header">
             {% trans %}Board Statistics{% endtrans %}
             [<a href="{{ url_for('forum.who_is_online') }}" onclick="window.open(this.href, 'wio_window','width=500,height=500'); return false;">{% trans %}Who is online?{% endtrans %}</a>]

flaskbb/templates/forum/search_form.html

@@ -10,11 +10,11 @@
         <li class="breadcrumb-item active">{% trans %}Search{% endtrans %}</li>
     </ol>
 
-    <div class="panel page-panel">
-        <div class="panel-heading page-head">
+    <div class="card page">
+        <div class="card-header page-header">
             {% trans %}Search{% endtrans %}
         </div>
-        <div class="panel-body page-body">
+        <div class="card-body page-body">
             <form class="form-horizontal" role="form" method="post">
                 {{ form.hidden_tag() }}
                 {{ horizontal_field(form.search_types)}}

flaskbb/templates/forum/search_result.html

@@ -2,7 +2,8 @@
 
 {% extends theme("layout.html") %}
 {% block content %}
-{% from theme("_macros/form.html") import render_pagination, group_field, topic_pages %}
+{% from theme("_macros/form.html") import group_field %}
+{% from theme("_macros/pagination.html") import render_pagination, topic_pages %}
 
 <div class="page-view">
     <ol class="breadcrumb flaskbb-breadcrumb bg-light">
@@ -11,11 +12,11 @@
     </ol>
 
     {% if result['post'] %}
-    <div class="panel topic-panel">
-        <div class="panel-heading topic-head">
+    <div class="card topic">
+        <div class="card-header topic-header">
             {% trans %}Posts{% endtrans %}
         </div>
-        <div class="panel-body topic-body">
+        <div class="card-body topic-body">
             {% for post in result['post'] %}
             <div id="{{ post.id }}" class="row post-row clearfix">
 
@@ -88,11 +89,11 @@
     {% endif %}
 
     {% if result['user'] %}
-    <div class="panel panel-default page-panel">
-        <div class="panel-heading page-head">
+    <div class="card page">
+        <div class="card-header page-header">
             {% trans %}Users{% endtrans %}
         </div>
-        <div class="panel-body page-body">
+        <div class="card-body page-body">
             <div class="page-meta">
                 <div class="col-md-1 col-sm-1 col-xs-1 meta-item">#</div>
                 <div class="col-md-3 col-sm-3 col-xs-5 meta-item">{% trans %}Username{% endtrans %}</div>
@@ -118,12 +119,12 @@
     {% endif %}
 
     {% if result['topic'] %}
-    <div class="panel panel-default forum-panel">
-        <div class="panel-heading forum-head">
+    <div class="card forum">
+        <div class="card-header forum-header">
             {% trans %}Topics{% endtrans %}
         </div>
 
-        <div class="panel-body forum-body">
+        <div class="card-body forum-body">
             <div class="forum-meta">
                 <div class="col-md-5 col-sm-5 col-xs-8 topic-name">{% trans %}Topic{% endtrans %}</div>
                 <div class="col-md-2 col-sm-2 hidden-xs topic-stats">{% trans %}Posts{% endtrans %}</div>
@@ -197,12 +198,12 @@
     {% endif %}
 
     {% if result['forum'] %}
-    <div class="panel panel-default category-panel">
-        <div class="panel-heading category-head">
+    <div class="card category">
+        <div class="card-header category-header">
             {% trans %}Forums{% endtrans %}
         </div>
 
-        <div class="panel-body category-body">
+        <div class="card-body category-body">
             <div class="category-meta">
                 <div class="col-md-5 col-sm-5 col-xs-8 forum-name">{% trans %}Forum{% endtrans %}</div>
                 <div class="col-md-2 col-sm-2 hidden-xs forum-stats">{% trans %}Topics{% endtrans %}</div>

flaskbb/templates/forum/topic.html

@@ -222,7 +222,7 @@
             {% endfor %}
 
         </div> <!-- end topic-body -->
-    </div> <!-- end topic-panel -->
+    </div> <!-- end topic -->
 
     <div class="pt-2">
         {% include theme('forum/topic_controls.html') %}

flaskbb/templates/forum/topic_horizontal.html

@@ -22,11 +22,11 @@
     {% endif %}
 
 
-    <div class="panel topic-panel">
-        <div class="panel-heading topic-head">
+    <div class="card topic">
+        <div class="card-header topic-header">
             <a href="{{ topic.url }}">{{ topic.title }}</a>
         </div>
-        <div class="panel-body topic-body">
+        <div class="card-body topic-body">
             {% for post, user in posts.items %}
             <div id="{{ post.id }}" class="row post-row clearfix">
 
@@ -173,7 +173,7 @@
             {% endfor %}
 
         </div> <!-- end topic-body -->
-    </div> <!-- end topic-panel -->
+    </div> <!-- end topic -->
 
     {% include theme('forum/topic_controls.html') %}
     {% from theme("macros.html") import render_field, render_quickreply, render_submit_field %}