diff sat_templates/templates/default/merge-request/item.html @ 166:178f55b825b7

small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation
author Goffi <goffi@goffi.org>
date Wed, 03 Oct 2018 21:00:24 +0200
parents e9f0a4215e46
children 4a03d0a6839b
line wrap: on
line diff
--- a/sat_templates/templates/default/merge-request/item.html	Fri Sep 14 19:49:15 2018 +0200
+++ b/sat_templates/templates/default/merge-request/item.html	Wed Oct 03 21:00:24 2018 +0200
@@ -21,14 +21,14 @@
 
 {% block body %}
 {{ icon_defs('pencil') }}
-<div class="tab_container">
-    <div class="tab_header">
+<div class="tab__container">
+    <div class="tab__header">
         <ul>
-            <li class="tab_button clicked" onclick='toggle_clicked_class_sel(".tab_button,.tab_page")'>{% trans %}Description{% endtrans %}</li>
-            <li class="tab_button" onclick='toggle_clicked_class_sel(".tab_button,.tab_page")'>{% trans %}Patches{% endtrans %}</li>
+            <li class="tab__btn state_clicked" onclick='tab_select(this, "tab_description")'>{% trans %}Description{% endtrans %}</li>
+            <li class="tab__btn" onclick='tab_select(this, "tab_patches")'>{% trans %}Patches{% endtrans %}</li>
         </ul>
     </div>
-    <div class="tab_page clicked" id="tab_description">
+    <div class="tab__page state_clicked" id="tab_description">
         <div id="{{ item.widget_value['id'] }}" class="view single ticket box">
             {% if url_ticket_edit is defined %}
                 <p class="box__tools">
@@ -56,7 +56,7 @@
             </div>
         {% endif %}
     </div>
-    <div class="tab_page" id="tab_patches">
+    <div class="tab__page" id="tab_patches">
         {% for patch in patches %}
             <div class="patch">
                 <header class="box">