External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-12 18:40:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Fixed bug where breadcrumbs on a really small screen were dropping down below the bar

Browse Source
This commit is contained in:
Michael Abashian 2017-01-04 17:44:55 -05:00
parent 73a8b86360
commit 3945fbbb1c
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
awx/ui/client/src/bread-crumb/bread-crumb.service.js
View File

@ -8,7 +8,8 @@ export default
let $breadcrumbClone = $('.BreadCrumb-list').clone().appendTo('#bread_crumb_width_checker');
let $breadcrumbCloneItems = $breadcrumbClone.find('.BreadCrumb-item');
// 40px for the padding on the breadcrumb bar and a few extra pixels for rounding
let expandedBreadcrumbWidth = 45;
let breadcrumbBarPadding = 45;
let expandedBreadcrumbWidth = breadcrumbBarPadding;
let crumbs = [];
$breadcrumbCloneItems.css('max-width', 'none');
$breadcrumbCloneItems.each(function(index, item){
@ -20,7 +21,7 @@ export default
});
});
// Remove the clone from the dom
$breadcrumbClone.remove();
$breadcrumbClone.remove();console.log(availableWidth);
if(expandedBreadcrumbWidth > availableWidth) {
let widthToTrim = expandedBreadcrumbWidth - availableWidth;
// Sort the crumbs from biggest to smallest
@ -61,7 +62,7 @@ export default
if(sortedCrumbs[i-1]) {
// We've gotten all the way down to the smallest crumb without being able to reasonably trim
// the previous crumbs. Go ahead and trim all of them equally.
maxWidth = availableWidth/(i+1);
maxWidth = (availableWidth-breadcrumbBarPadding)/(i+1);
}
else {
// There's only one breadcrumb so trim this one down