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

Breadcrumb: reworked the disposition (when wrapping onto a second line, the last item could be strangely placed between both lines on Chrome)

Browse Source 
SVN:trunk[4082]
This commit is contained in:
Romain Quetiez
2016-05-13 15:24:17 +00:00
parent d0d761236b
commit 7380f56a50
3 changed files with 18 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
css/light-grey.css
View File

@@ -2263,16 +2263,11 @@ span.refresh-button {
background: #f1f1f1;
}
#itop-breadcrumb ul {
display: inline;
}
#itop-breadcrumb li {
list-style: none;
#itop-breadcrumb .breadcrumb-item {
float: left;
margin: 0 22px 0px 0;
margin: 3px 22px 2px 0px;
}
#itop-breadcrumb li .icon img {
#itop-breadcrumb .breadcrumb-item .icon img {
height: 15px;
width: auto;
margin-right: 5px;
@@ -2282,30 +2277,30 @@ 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 a {
#itop-breadcrumb .breadcrumb-item a {
text-decoration: none;
color: #555555;
font-size: 9pt;
padding: 0;
background: none;
}
#itop-breadcrumb li a:hover .icon img {
#itop-breadcrumb .breadcrumb-item a:hover .icon img {
-webkit-filter: none;
filter: none;
opacity: 1;
}
#itop-breadcrumb li a span.truncate {
#itop-breadcrumb .breadcrumb-item a span.truncate {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
#itop-breadcrumb li a:hover {
#itop-breadcrumb .breadcrumb-item a:hover {
text-decoration: none;
color: #e87c1e;
}
#itop-breadcrumb li a::after {
#itop-breadcrumb .breadcrumb-item a::after {
content: '';
position: absolute;
background-image: url(../images/breadcrumb-separator.png?v=v2.2.0);
@@ -2314,17 +2309,17 @@ span.refresh-button {
height: 16px;
margin-left: 5px;
}
#itop-breadcrumb li:last-child a::after {
#itop-breadcrumb .breadcrumb-item:last-child a::after {
display: none;
}
#itop-breadcrumb li .itop-breadcrumb-current {
#itop-breadcrumb .breadcrumb-item.breadcrumb-current {
text-decoration: none;
color: #555555;
font-size: 9pt;
padding: 0;
background: none;
}
#itop-breadcrumb li .itop-breadcrumb-current span.truncate {
#itop-breadcrumb .breadcrumb-item.breadcrumb-current span.truncate {
max-width: 200px;
white-space: nowrap;
overflow: hidden;