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

#185 Navigation Breadcrumb - Beta version

Browse Source 
- Any page has a breadcrumb (except if POST and a number of pages like "new object")
- Added Home + Menu buttons showed when the left pane is closed
- Configuration: breadcrumb.max_count (0 to disable)


SVN:trunk[4022]
This commit is contained in:
Romain Quetiez
2016-05-03 15:06:14 +00:00
parent dd41dc05f5
commit 668e822fc6
15 changed files with 312 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
css/light-grey.css
View File

@@ -2202,6 +2202,32 @@ span.refresh-button {
#top-bar-table {
width: 100%;
padding-left: 5px;
}
#top-bar-table #open-left-pane {
text-align: center;
width: 40px !important;
cursor: pointer;
}
#top-bar-table #go-home {
text-align: center;
width: 40px !important;
}
#top-bar-table #go-home a {
text-decoration: none;
color: #555555;
font-size: 9pt;
padding: 0;
background: none;
display: inline-block;
line-height: 55px;
width: 100%;
}
#top-bar-table .top-bar-spacer {
width: 35px !important;
}
#top-bar-table #top-bar-table-search {
@@ -2213,13 +2239,16 @@ span.refresh-button {
overflow: hidden;
float: left;
background: #f1f1f1;
margin-left: -20px;
}
#itop-breadcrumb ul {
display: inline;
}
#itop-breadcrumb li {
list-style: none;
float: left;
margin: 0 22px 6px 0;
margin: 0 22px 0px 0;
}
#itop-breadcrumb li .icon img {
height: 15px;
@@ -2231,11 +2260,6 @@ span.refresh-button {
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
opacity: 0.5;
}
#itop-breadcrumb li:hover .icon img {
-webkit-filter: none;
filter: none;
opacity: 1;
}
#itop-breadcrumb li a {
text-decoration: none;
color: #555555;
@@ -2243,6 +2267,11 @@ span.refresh-button {
padding: 0;
background: none;
}
#itop-breadcrumb li a:hover .icon img {
-webkit-filter: none;
filter: none;
opacity: 1;
}
#itop-breadcrumb li a span.truncate {
max-width: 200px;
white-space: nowrap;
@@ -2266,6 +2295,20 @@ span.refresh-button {
#itop-breadcrumb li:last-child a::after {
display: none;
}
#itop-breadcrumb li .itop-breadcrumb-current {
text-decoration: none;
color: #555555;
font-size: 9pt;
padding: 0;
background: none;
}
#itop-breadcrumb li .itop-breadcrumb-current span.truncate {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.ui-datepicker-buttonpane, .ui-timepicker-div {

69
css/light-grey.scss
View File

@@ -1622,6 +1622,37 @@ span.refresh-button {
#top-bar-table {
width: 100%;
padding-left: 5px;
$top-button-width: 40px;
$top-button-heigth: 55px;
$top-button-spacer: 35px;
#open-left-pane {
text-align: center;
width: $top-button-width !important;
cursor: pointer;
}
#go-home {
text-align: center;
width: $top-button-width !important;
a {
text-decoration: none;
color: #555;
font-size: 9pt;
padding: 0;
background: none;
// Make the whole cell clickable
display: inline-block;
line-height: $top-button-heigth;
width: 100%;
}
}
.top-bar-spacer{
width: $top-button-spacer !important;
}
#top-bar-table-search{
width: 347px;
}
@@ -1631,12 +1662,15 @@ span.refresh-button {
overflow: hidden;
float: left;
background: $frame-background-color;
margin-left: -20px;
ul {
display: inline;
}
li{
list-style: none;
float: left;
margin: 0 22px 6px 0;
margin: 0 22px 0px 0;
.icon img{
height: 15px;
@@ -1652,18 +1686,19 @@ span.refresh-button {
opacity: 0.5;
}
&:hover .icon img{
-webkit-filter: none;
filter: none;
opacity: 1;
}
a{
text-decoration: none;
color: #555;
font-size: 9pt;
padding: 0;
background: none;
&:hover .icon img{
-webkit-filter: none;
filter: none;
opacity: 1;
}
span.truncate
{
// Ellipsis
@@ -1693,6 +1728,24 @@ span.refresh-button {
&:last-child a::after{
display: none;
}
.itop-breadcrumb-current{
text-decoration: none;
color: #555;
font-size: 9pt;
padding: 0;
background: none;
span.truncate
{
// Ellipsis
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
}
}
}
.ui-datepicker-buttonpane, .ui-timepicker-div {