From 0ba1d65b118cde727015c0ae25c62474d19ef264 Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Wed, 28 Nov 2018 22:35:22 -0600
Subject: [PATCH] Use bulma-style notifications for bobcat theme

instead of previous one, which was sort of pseudo-jquery i guess?
---
 tailbone/templates/themes/bobcat/base.mako | 32 ++++++++++------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/tailbone/templates/themes/bobcat/base.mako b/tailbone/templates/themes/bobcat/base.mako
index fb2cd145..46f11038 100644
--- a/tailbone/templates/themes/bobcat/base.mako
+++ b/tailbone/templates/themes/bobcat/base.mako
@@ -78,14 +78,14 @@
               </div>
           % endif
 
-          ## Help
+          ## Help Button
           % if help_url is not Undefined and help_url:
               <div class="level-item">
                 ${h.link_to("Help", help_url, target='_blank', class_='button')}
               </div>
           % endif
 
-          ## Feedback
+          ## Feedback Button
           <div class="level-item">
             <button type="button" id="feedback">Feedback</button>
           </div>
@@ -105,25 +105,21 @@
     <section>
 
       % if request.session.peek_flash('error'):
-      <div class="error-messages">
-        % for error in request.session.pop_flash('error'):
-        <div class="ui-state-error ui-corner-all">
-          <span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-alert"></span>
-          ${error}
-        </div>
-        % endfor
-      </div>
+          % for error in request.session.pop_flash('error'):
+              <div class="notification is-warning">
+                <button class="delete"></button>
+                ${error|n}
+              </div>
+          % endfor
       % endif
 
       % if request.session.peek_flash():
-      <div class="flash-messages">
-        % for msg in request.session.pop_flash():
-        <div class="ui-state-highlight ui-corner-all">
-          <span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-info"></span>
-          ${msg|n}
-        </div>
-        % endfor
-      </div>
+          % for msg in request.session.pop_flash():
+              <div class="notification is-info">
+                <button class="delete"></button>
+                ${msg|n}
+              </div>
+          % endfor
       % endif
 
       ${self.body()}