From ab1edee9fb05ff59929dc33483fea8f6dad00420 Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Tue, 29 Jun 2021 16:22:58 +0200
Subject: [PATCH] person menu: add style for submenus

---
 .../modules/scratch/custom/config/_variables.scss    |  1 +
 .../public/modules/scratch/modules/_tabs.scss        | 12 +++++++++---
 .../ChillPersonBundle/Resources/views/menu.html.twig |  4 ++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss
index 950155556..994a5a4e9 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss
@@ -35,6 +35,7 @@ $table-body-td-text-align: left;
 // Tabs
 $tabs-nav-margin-bottom: 0.2em;
 $tabs-nav-bg-color: $yellow;
+$tabs-nav-bg-color-light: lighten($yellow, 10%);
 $tabs-nav-text-color: $blue;
 $tabs-new-border: none;
 $tabs-nav-hover-border: none;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss
index 75cbbd258..2f57e0ae7 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss
@@ -26,7 +26,13 @@ $global-bg-color: $yellow;
          color: $tabs-nav-title-text-color;
       }
 
-      > a  {
+      &.sub-menu {
+         padding-left: 20px;
+         > a {
+            background-color: $tabs-nav-bg-color-light;
+         }
+      }
+      > a {
          display: block;
          width: auto;
          padding: $tabs-nav-padding;
@@ -38,11 +44,11 @@ $global-bg-color: $yellow;
          @include border-top-radius($base-border-radius);
          @include border-bottom-radius($base-border-radius);
 
-         &:hover, &:active {  
+         &:hover, &:active {
             border: $tabs-nav-hover-border;
             color: $tabs-nav-hover-text-color;
             text-decoration: none;
          }
       }
    }
-}
\ No newline at end of file
+}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/menu.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/menu.html.twig
index 3c5968b25..1502b55a8 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/menu.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/menu.html.twig
@@ -16,8 +16,8 @@
 #}
 <ul class="tab-nav">
     {% for menu in menus %}
-        <li class="">
+        <li class="{{ menu.extra('class') }}">
             <a href="{{ menu.uri }}" >{{ menu.label|upper }}</a>
         </li>
     {% endfor %}
-</ul>
\ No newline at end of file
+</ul>