BO: Fix nav bar for little screens

Shakarhaba · Sep 5, 2017 · 566a33a · 566a33a
1 parent ae2080b
commit 566a33a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/admin-dev/themes/new-theme/scss/pages/_product_page.scss b/admin-dev/themes/new-theme/scss/pages/_product_page.scss
@@ -901,7 +901,6 @@
     .tabs {
       overflow: hidden;
       width: auto;
-      background: white;
       .material-icons {
         display: inline-block;
       }
@@ -915,22 +914,22 @@
         background: $brand-primary;
         color: white;
         display: none;
+        position: absolute;
+        left: 15px;
+        top: 0;
         &.visible {
           visibility: visible;
         }
       }
       .right-arrow {
-        margin-top: 3.125rem;
+        right: 15px;
+        left: auto;
       }
     }
     .nav-tabs {
       height: 3.125rem;
       width: 125rem;
       position: relative;
-      .nav-link.active:not(.description-tab) {
-        border-top: transparent;
-        border-bottom: 3px solid $brand-primary;
-      }
     }
     .right-column {
       width: 30%;

diff --git a/src/PrestaShopBundle/Resources/views/Admin/Product/form.html.twig b/src/PrestaShopBundle/Resources/views/Admin/Product/form.html.twig
@@ -110,9 +110,6 @@
     {# FORM TABS CONTAINER #}
     <div id="form-loading" class="col-md-10">
       <div class="tabs js-tabs">
-        <div class="arrow js-arrow left-arrow float-left">
-          <i class="material-icons hide">chevron_left</i>
-        </div>
         <ul class="nav nav-tabs js-nav-tabs" id="form-nav" role="tablist">
           <li id="tab_step1" class="nav-item"><a href="#step1" role="tab" data-toggle="tab" class="nav-link active">{{ 'Basic settings'|trans({}, 'Admin.Catalog.Feature') }}</a></li>
           <li id="tab_step3" class="nav-item"><a href="#step3" role="tab" data-toggle="tab" class="nav-link">{{ 'Quantities'|trans({}, 'Admin.Catalog.Feature') }}</a></li>
@@ -124,6 +121,9 @@
             <li id="tab_hooks" class="nav-item"><a href="#hooks" role="tab" data-toggle="tab" class="nav-link">{{ 'Modules'|trans({}, 'Admin.Catalog.Feature') }}</a></li>
           {% endif %}
         </ul>
+        <div class="arrow js-arrow left-arrow float-left">
+          <i class="material-icons hide">chevron_left</i>
+        </div>
         <div class="arrow js-arrow right-arrow visible float-right">
           <i class="material-icons hide">chevron_right</i>
         </div>