Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 13:24:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

person menu: add style for submenus

Browse Source
This commit is contained in:
nobohan 2021-06-29 16:22:58 +02:00
parent 93a44d8303
commit ab1edee9fb
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss
View File

@ -35,6 +35,7 @@ $table-body-td-text-align: left;
// Tabs // Tabs
$tabs-nav-margin-bottom: 0.2em; $tabs-nav-margin-bottom: 0.2em;
$tabs-nav-bg-color: $yellow; $tabs-nav-bg-color: $yellow;
$tabs-nav-bg-color-light: lighten($yellow, 10%);
$tabs-nav-text-color: $blue; $tabs-nav-text-color: $blue;
$tabs-new-border: none; $tabs-new-border: none;
$tabs-nav-hover-border: none; $tabs-nav-hover-border: none;

12
src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss
View File

@ -26,7 +26,13 @@ $global-bg-color: $yellow;
color: $tabs-nav-title-text-color; color: $tabs-nav-title-text-color;
} }
> a { &.sub-menu {
padding-left: 20px;
> a {
background-color: $tabs-nav-bg-color-light;
}
}
> a {
display: block; display: block;
width: auto; width: auto;
padding: $tabs-nav-padding; padding: $tabs-nav-padding;
@ -38,11 +44,11 @@ $global-bg-color: $yellow;
@include border-top-radius($base-border-radius); @include border-top-radius($base-border-radius);
@include border-bottom-radius($base-border-radius); @include border-bottom-radius($base-border-radius);
&:hover, &:active { &:hover, &:active {
border: $tabs-nav-hover-border; border: $tabs-nav-hover-border;
color: $tabs-nav-hover-text-color; color: $tabs-nav-hover-text-color;
text-decoration: none; text-decoration: none;
} }
} }
} }
} }

4
src/Bundle/ChillPersonBundle/Resources/views/menu.html.twig
View File

@ -16,8 +16,8 @@
#} #}
<ul class="tab-nav"> <ul class="tab-nav">
{% for menu in menus %} {% for menu in menus %}
<li class=""> <li class="{{ menu.extra('class') }}">
<a href="{{ menu.uri }}" >{{ menu.label|upper }}</a> <a href="{{ menu.uri }}" >{{ menu.label|upper }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>