Add classes to make menu elements tall as parent

PrestaShop · Sep 5, 2023 · b6c0f6b · b6c0f6b
1 parent d74b09d
commit b6c0f6b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/modules/ps_mainmenu/ps_mainmenu.tpl b/modules/ps_mainmenu/ps_mainmenu.tpl
@@ -2,12 +2,12 @@
   {if $nodes|count}
     <ul
       {if $depth === 0}id="top-menu"{/if}
-      class="{if $depth === 0}main-menu__tree{else if $depth === 1}row row-cols-4 gy-3{else}submenu{/if}"
+      class="{if $depth === 0}main-menu__tree h-100{else if $depth === 1}row row-cols-4 gy-3{else}submenu{/if}"
       data-depth="{$depth}"
     >
     {foreach from=$nodes item=node}
       <li
-        class="{$node.type}{if $node.current} current{/if}{if $depth === 0} main-menu__tree__item{/if}"
+        class="{$node.type}{if $node.current} current{/if}{if $depth === 0} main-menu__tree__item d-flex align-items-center h-100{/if}"
         id="{$node.page_identifier}"
       >
         {if $depth > 1 && $node.children|count}
@@ -104,8 +104,8 @@
   {/if}
 {/function}
 
-<div class="main-menu col-xl col-auto">
-  <div class="d-none d-xl-block position-static js-menu-desktop">
+<div class="main-menu col-xl col-auto d-flex align-items-center">
+  <div class="d-none d-xl-block position-static js-menu-desktop h-100">
     {desktopMenu nodes=$menu.children}
   </div>
 

diff --git a/modules/ps_searchbar/ps_searchbar.tpl b/modules/ps_searchbar/ps_searchbar.tpl
@@ -23,7 +23,7 @@
  * International Registered Trademark & Property of PrestaShop SA
  *}
 
-<div id="_desktop_search" class="order-2 ms-auto col-auto d-none d-md-flex">
+<div id="_desktop_search" class="order-2 ms-auto col-auto d-none d-md-flex align-items-center">
   <div id="search_widget" class="search-widgets js-search-widget" data-search-controller-url="{$search_controller_url}">
     <form method="get" action="{$search_controller_url}">
       <input type="hidden" name="controller" value="search">

diff --git a/templates/_partials/header.tpl b/templates/_partials/header.tpl
@@ -29,7 +29,7 @@
 {block name='header_bottom'}
   <div class="{$headerBottomName}">
     <div class="container-md {$headerBottomName}__container">
-      <div class="row align-items-center gx-2 {$headerBottomName}__row">
+      <div class="row gx-2 {$headerBottomName}__row">
         <div class="col-auto logo order-xl-1 ms-lg-0 ms-2 me-lg-0 me-auto">
           {if $shop.logo_details}
             {if $page.page_name == 'index'}<h1 class="{$headerBottomName}__h1 mb-0">{/if}