mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-23 10:38:45 +02:00
N°2847 Add an indication on newsroom toggler when there is new messages
This commit is contained in:
@@ -123,12 +123,25 @@ $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;
|
||||
$ibo-navigation-menu--notifications-toggler--color: $ibo-color-grey-600 !default;
|
||||
$ibo-navigation-menu--notifications-toggler--loaded--color: $ibo-color-grey-300 !default;
|
||||
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--width: 16px !default;
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--height: 16px !default;
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--margin: 4px 0px 0px -10px !default;
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--color: $ibo-color-red-600;
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--border: solid 2px $ibo-navigation-menu--bottom-part--background-color;
|
||||
$ibo-navigation-menu--notifications-toggler--new-messages--border-radius: $ibo-border-radius-full;
|
||||
|
||||
$ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--width: 10px !default;
|
||||
$ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--height: 10px !default;
|
||||
$ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--margin: 1px 0px 0px -4px !default;
|
||||
|
||||
$ibo-navigation-menu--user--text-color: $ibo-color-white-100 !default;
|
||||
$ibo-navigation-menu--user-welcome-message--toggler--padding-left : 6px !default;
|
||||
$ibo-navigation-menu--user-picture--image--border-radius: $ibo-border-radius-full !default;
|
||||
$ibo-navigation-menu--user-picture--image--background-color: $ibo-color-grey-300;
|
||||
$ibo-navigation-menu--user-notifications--toggler--padding-left: 5px !default;
|
||||
$ibo-navigation-menu--user-notifications--toggler--icon--padding-left: 5px !default;
|
||||
|
||||
$ibo-navigation-menu--user-picture--image-collapsed--size: 36px !default;
|
||||
|
||||
@@ -518,9 +531,43 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
|
||||
align-content: center;
|
||||
.ibo-navigation-menu--notifications-toggler{
|
||||
font-size: $ibo-navigation-menu--notifications-toggler--font-size;
|
||||
color: $ibo-color-grey-300;
|
||||
color: $ibo-navigation-menu--notifications-toggler--color;
|
||||
}
|
||||
}
|
||||
.ibo-navigation-menu--notifications-toggler{
|
||||
&.ibo-is-loaded{
|
||||
color: $ibo-navigation-menu--notifications-toggler--loaded--color;
|
||||
&:not(.ibo-is-empty) .ibo-navigation-menu--notifications-toggler--new-messages{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.ibo-navigation-menu--notifications-toggler--new-messages{
|
||||
width: $ibo-navigation-menu--notifications-toggler--new-messages--width;
|
||||
height: $ibo-navigation-menu--notifications-toggler--new-messages--height;
|
||||
margin: $ibo-navigation-menu--notifications-toggler--new-messages--margin;
|
||||
}
|
||||
}
|
||||
.ibo-navigation-menu--user-notifications--toggler{
|
||||
&.ibo-is-loaded{
|
||||
color: $ibo-navigation-menu--notifications-toggler--loaded--color;
|
||||
&:not(.ibo-is-empty) .ibo-navigation-menu--notifications-toggler--new-messages{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.ibo-navigation-menu--notifications-toggler--new-messages {
|
||||
width: $ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--width;
|
||||
height: $ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--height;
|
||||
margin: $ibo-navigation-menu--user-notifications--notifications-toggler--new-messages--margin;
|
||||
}
|
||||
}
|
||||
|
||||
.ibo-navigation-menu--notifications-toggler--new-messages{
|
||||
position: absolute;
|
||||
display: none;
|
||||
background-color: $ibo-navigation-menu--notifications-toggler--new-messages--color;
|
||||
border: $ibo-navigation-menu--notifications-toggler--new-messages--border;
|
||||
border-radius: $ibo-navigation-menu--notifications-toggler--new-messages--border-radius;
|
||||
}
|
||||
|
||||
.ibo-navigation-menu--user-info{
|
||||
@extend %ibo-fully-centered-content;
|
||||
@@ -554,8 +601,8 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default;
|
||||
.ibo-navigation-menu--user-notifications--text{
|
||||
color: $ibo-navigation-menu--user--text-color;
|
||||
}
|
||||
.ibo-navigation-menu--user-notifications--toggler{
|
||||
padding-left: $ibo-navigation-menu--user-notifications--toggler--padding-left;
|
||||
.ibo-navigation-menu--user-notifications--toggler--icon{
|
||||
padding-left: $ibo-navigation-menu--user-notifications--toggler--icon--padding-left;
|
||||
}
|
||||
}
|
||||
.ibo-navigation-menu--user-organization{
|
||||
|
||||
Reference in New Issue
Block a user