entrouvert/wcs
entrouvert
/
wcs
14
1
Fork 0
Code Issues Pull Requests 34 Releases Activity

backoffice: style breadcrumb more adequately (#7256)

This commit is contained in:
Frédéric Péters 2015-05-15 09:59:19 +02:00
parent 80f73eba24
commit ead9c7ef28
4 changed files with 56 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
wcs/qommon/static/css/dc2/admin.css
View File

@ -322,7 +322,7 @@ dl.job-status dd {
margin-bottom: 1em;
}
p#breadcrumb.activity,
#more-user-links.activity,
h2.activity,
span.activity {
background: url(../indicator.gif) no-repeat center right;
@ -857,7 +857,7 @@ ul#fields-list li {
padding-top: 3px;
}
p#breadcrumb span.separator {
#breadcrumb span.separator {
display: none;
}

53
wcs/qommon/static/css/dc2/gadjo.css
View File

@ -137,26 +137,69 @@ div#main-content h2 {
/* breadcrumb */
p#breadcrumb {
div#more-user-links {
padding: 5px 0px;
font-size: 110%;
}
p#breadcrumb a {
div#more-user-links a,
div#more-user-links a:after {
background: #ccc;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #bbb;
transition: background 0.5s;
}
div#more-user-links a {
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
padding: 4px 12px;
border-radius: 2px;
color: black;
text-decoration: none;
font-size: 90%;
color: black;
}
p#breadcrumb a:hover {
span#breadcrumb {
display: inline-block;
margin: 1ex 0;
}
span#breadcrumb a {
display: inline;
padding-left: 20px;
position: relative;
height: 26px;
margin-left: -4px;
}
span#breadcrumb a:first-child {
margin-left: 0;
padding-left: 16px;
}
span#breadcrumb a:after {
content: "";
height: 22px;
width: 22px;
-webkit-transform: scale(0.4, 0.707) rotate(45deg);
-moz-transform: scale(0.4, 0.707) rotate(45deg);
transform: scale(0.4, 0.707) rotate(45deg);
display: inline-block;
position: absolute;
top: 0px;
box-shadow: 1px -1px 0px 1px #bbb, 2px -2px 0px 2px white;
z-index: 100;
border-width: 1px 1px 0 0;
}
span#breadcrumb a:last-child:after {
/*content: none;*/
}
div#more-user-links a:hover,
div#more-user-links a:hover:after {
text-decoration: underline;
background: #aaa;
}
/* page content */

6
wcs/qommon/static/js/wcs.listing.js
View File

@ -64,8 +64,8 @@ function refresh_table() {
$.ajax({
url: pathname + '?ajax=true&' + listing_settings,
beforeSend: function() { $('#breadcrumb, #listing, #statistics').addClass('activity'); },
complete: function() { $('#breadcrumb, #listing, #statistics').removeClass('activity'); },
beforeSend: function() { $('#more-user-links, #listing, #statistics').addClass('activity'); },
complete: function() { $('#more-user-links, #listing, #statistics').removeClass('activity'); },
success: function(html) {
$('#page-links').remove();
$('#listing').replaceWith(html);
@ -83,7 +83,7 @@ function refresh_table() {
window.history.replaceState(null, null, pathname + '?' + listing_settings);
}
/* makes sure the activity class is well removed */
$('#breadcrumb, #listing, #statistics').removeClass('activity');
$('#more-user-links, #listing, #statistics').removeClass('activity');
}
});
}

4
wcs/qommon/template.py
View File

@ -182,9 +182,11 @@ ADMIN_TEMPLATE_EZT = """<!DOCTYPE html>
<div id="main-menu">[header_menu]</div>
</div>
<div id="main-content">
<div id="more-user-links">
[if-any breadcrumb]
<p id="breadcrumb">[breadcrumb]</p>
<span id="breadcrumb">[breadcrumb]</span>
[end]
</div>
[body]
</div>
[if-any sidebar]