[CSS] sticky nav and filters

templates/operation_templates_page.xml

@@ -2,11 +2,16 @@
 <!-- Copyright 2021- Le Filament (https://le-filament.com)
      License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). -->
 <odoo>
-
-    <!-- Operation Document template -->
-    <template id='operation_document' name="Operation Document">
-        <t t-call="oacc_portal.layout_op">
-            <div class="row bg-white">
+    <template id='sticky_nav_filters'>
+        <div
+            class="sticky-top pb-2 bg-white"
+            style="border-bottom: 1px solid rgb(244, 230, 236);"
+        >
+            <div class="d-block d-md-none">
+                <t t-call="oacc_portal.nav_menu_sm" />
+            </div>
+            <div class="container-fluid">
+                <div class="row">
                     <!-- Title + search -->
                     <div class="col-12">
                         <h3 class="text-center mt-2 text-uppercase">Mes documents</h3>
@@ -36,7 +41,16 @@
                             </div>
                         </form>
                     </div>
+                </div>
+            </div>
+        </div>
+    </template>
 
+    <!-- Operation Document template -->
+    <template id='operation_document' name="Operation Document">
+        <t t-call="oacc_portal.layout_op">
+            <div class="row bg-white">
+                <t t-call="oacc_portal_document.sticky_nav_filters" />
                 <!-- Documents -->
                 <div class="col-12 p-4" t-if="contracts">
                     <t t-foreach="contracts_type" t-as="type">
@@ -74,7 +88,9 @@
                                             </a>
                                         </td>
                                         <td t-att-data-order="c.date_app">
-                                            <t t-out="c.date_app.strftime('%d/%m/%Y') if c.date_app else ''" />
+                                            <t
+                                                t-out="c.date_app.strftime('%d/%m/%Y') if c.date_app else ''"
+                                            />
                                         </td>
                                         <td>
                                             <t t-out="c.name" />
@@ -91,5 +107,4 @@
             </div>
         </t>
     </template>
-
 </odoo>

templates/portal_layout.xml

@@ -4,7 +4,7 @@
 <odoo>
 
     <!-- Layout operation -->
-    <template id="layout_op" inherit_id="oacc_portal.layout_op">
+    <template id="nav_menu_content" inherit_id="oacc_portal.nav_menu_content">
         <xpath expr="//li[@id='menu-contact']" position="before">
             <li class="nav-item">
                 <a