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

Add Popover menu and subitems such as URL and JS items.

Browse Source
This commit is contained in:
Stephen Abello
2020-08-03 11:15:29 +02:00
parent ac2280df50
commit a85c7e9f8f
18 changed files with 280 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/_all.scss
View File

@@ -19,3 +19,5 @@
@import "breadcrumbs";
@import "quick-create";
@import "global-search";
@import "popover-menu";
@import "popover-menu-item";

34
css/backoffice/components/_popover-menu-item.scss Normal file
View File

@@ -0,0 +1,34 @@
/*!
* Copyright (C) 2013-2020 Combodo SARL
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
*/
/* SCSS variables */
$ibo-popover-menu--item--text-color: $ibo-color-grey-900 !default;
$ibo-popover-menu--item--hyperlink-color: $ibo-popover-menu--item--text-color !default;
.ibo-popover-menu--item{
padding: 12px 24px 12px 16px;
color: $ibo-popover-menu--item--text-color;
@extend %ibo-font-ral-nor-200;
a {
color: $ibo-popover-menu--item--text-color;
}
&:hover{
background-color: var(--ibo-color-grey-200);
color: inherit;
}
}

47
css/backoffice/components/_popover-menu.scss Normal file
View File

@@ -0,0 +1,47 @@
/*!
* Copyright (C) 2013-2020 Combodo SARL
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
*/
/* SCSS variables */
$ibo-popover-menu--background-color: $ibo-color-white-100 !default;
$ibo-popover-menu--border-radius: 3px !default;
$ibo-popover-menu--padding: 0 !default;
.ibo-popover-menu{
display: none;
flex-direction: column;
padding: $ibo-popover-menu--padding;
background-color: $ibo-popover-menu--background-color;
@extend %ibo-elevation-300;
border-radius: $ibo-popover-menu--border-radius;
flex-wrap: wrap;
position: absolute;
&.ibo-is-opened{
display: flex;
}
}
.ibo-popover-menu--section{
display: flex;
flex-direction: column;
align-self: flex-start;
margin: 0px 0px;
width: 100%;
@extend %ibo-text-truncated-with-ellipsis;
}

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

@@ -438,4 +438,8 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
margin-bottom: $ibo-navigation-menu--menu-nodes-title--margin-bottom;
@extend %ibo-font-ral-nor-350;
@extend %ibo-text-truncated-with-ellipsis;
}
.ibo-navigation-menu--user-menu-container{
position: absolute;
bottom: 10px;
}