composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-24 02:58:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°2847 Open user menu when clicking user picture or user welcome message

Browse Source
This commit is contained in:
Stephen Abello
2020-08-04 11:53:25 +02:00
parent e22c36c503
commit 4e7b68aa9a
6 changed files with 99 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
css/backoffice/layout/_navigation-menu.scss
View File

@@ -112,6 +112,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
$ibo-navigation-menu--bottom-part--padding-y: 24px !default;
$ibo-navigation-menu--bottom-part--padding-x: 0px !default;
$ibo-navigation-menu--bottom-part-collapsed--direct-child--margin: auto 0 !default;
$ibo-navigation-menu--notifications-toggler--font-size: 28px !default;
@@ -170,6 +171,8 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
}
}
.ibo-navigation-menu--bottom-part{
padding: $ibo-navigation-menu--bottom-part--padding-y $ibo-navigation-menu--bottom-part--padding-x;
.ibo-navigation-menu--notifications{
display: none;
}
@@ -179,11 +182,13 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
display: block;
}
.ibo-navigation-menu--user-picture{
.ibo-navigation-menu--user-picture--image{
margin:$ibo-navigation-menu--user-picture--image-expanded--margin;
border: $ibo-navigation-menu--user-picture--image-expanded--border;
border-radius: $ibo-navigation-menu--user-picture--image-expanded--border-radius;
width: $ibo-navigation-menu--user-picture--image-expanded--size;
>a {
margin: $ibo-navigation-menu--user-picture--image-expanded--margin;
.ibo-navigation-menu--user-picture--image {
border: $ibo-navigation-menu--user-picture--image-expanded--border;
border-radius: $ibo-navigation-menu--user-picture--image-expanded--border-radius;
width: $ibo-navigation-menu--user-picture--image-expanded--size;
}
}
}
}
@@ -255,12 +260,14 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
.ibo-navigation-menu--bottom-part{
height: 150px;
background-color: $ibo-navigation-menu--bottom-part--background-color;
padding: $ibo-navigation-menu--bottom-part--padding-y $ibo-navigation-menu--bottom-part--padding-x;
display: flex;
flex-direction: column;
align-items: center;
@extend %ibo-fully-centered-content;
justify-content: space-between;
flex-direction: column;
>*
{
margin: $ibo-navigation-menu--bottom-part-collapsed--direct-child--margin;
}
}
.ibo-navigation-menu--toggler,
@@ -491,10 +498,9 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
}
.ibo-navigation-menu--user-info{
display: flex;
flex-direction: column;
align-content: center;
@extend %ibo-fully-centered-content;
justify-content: space-between;
flex-direction: column;
.ibo-navigation-menu--user-picture{
display: flex;
@@ -510,6 +516,9 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
}
.ibo-navigation-menu--user-welcome-message{
@extend %ibo-font-ral-med-250;
.ibo-navigation-menu--user-welcome-message--text, .ibo-navigation-menu--user-welcome-message--toggler{
color: $ibo-navigation-menu--user--text-color;
}
}
.ibo-navigation-menu--user-welcome-message--toggler{
padding-left: $ibo-navigation-menu--user-welcome-message--toggler--padding-left;