Browse Source

Enable tooltip in conversation and profile

sh4nks 9 years ago
parent
commit
ef517f3f40

+ 5 - 1
flaskbb/themes/aurora/templates/message/conversation.html

@@ -1,7 +1,6 @@
 {% extends theme("message/message_layout.html") %}
 
 {% block css %}
-    {{ super() }}
     <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-markdown.min.css') }}">
 {% endblock %}
 
@@ -142,6 +141,11 @@
 {% endblock %}
 
 {% block scripts %}
+    <script>
+    $(function () {
+      $('[data-toggle="tooltip"]').tooltip()
+    })
+    </script>
     <script type="text/javascript" src="{{ url_for('static', filename='js/marked.js') }}"></script>
     <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap-markdown.js') }}"></script>
 {% endblock %}

+ 11 - 3
flaskbb/themes/aurora/templates/user/profile.html

@@ -24,9 +24,9 @@
 
                         <div class="profile-online">
                             {% if user|is_online %}
-                            <span class="label label-success">Online</span>
+                            <span class="label label-success" data-toggle="tooltip" data-placement="right" title="online">Online</span>
                             {% else %}
-                            <span class="label label-default">Offline</span>
+                            <span class="label label-default" data-toggle="tooltip" data-placement="right" title="offline">Offline</span>
                             {% endif %}
                         </div>
 
@@ -80,7 +80,7 @@
         <!-- right column -->
         <div class="col-md-3 col-sm-4 col-xs-12">
             <div class="panel page-panel">
-                <div class="panel-heading page-page">{% trans %}User Stats{% endtrans %}</div>
+                <div class="panel-heading page-head">{% trans %}User Stats{% endtrans %}</div>
                 <div class="panel-body page-body">
 
                     <div class="profile-stats">
@@ -131,3 +131,11 @@
     </div> <!-- end row -->
 </div>
 {% endblock %}
+
+{% block scripts %}
+    <script>
+    $(function () {
+      $('[data-toggle="tooltip"]').tooltip()
+    })
+    </script>
+{% endblock %}