External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-24 06:26:00 -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
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 $breadcrumbClone = $('.BreadCrumb-list').clone().appendTo('#bread_crumb_width_checker');
let $breadcrumbCloneItems = $breadcrumbClone.find('.BreadCrumb-item'); let $breadcrumbCloneItems = $breadcrumbClone.find('.BreadCrumb-item');
// 40px for the padding on the breadcrumb bar and a few extra pixels for rounding // 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 = []; let crumbs = [];
$breadcrumbCloneItems.css('max-width', 'none'); $breadcrumbCloneItems.css('max-width', 'none');
$breadcrumbCloneItems.each(function(index, item){ $breadcrumbCloneItems.each(function(index, item){
@@ -20,7 +21,7 @@ export default
}); });
}); });
// Remove the clone from the dom // Remove the clone from the dom
$breadcrumbClone.remove(); $breadcrumbClone.remove();console.log(availableWidth);
if(expandedBreadcrumbWidth > availableWidth) { if(expandedBreadcrumbWidth > availableWidth) {
let widthToTrim = expandedBreadcrumbWidth - availableWidth; let widthToTrim = expandedBreadcrumbWidth - availableWidth;
// Sort the crumbs from biggest to smallest // Sort the crumbs from biggest to smallest
@@ -61,7 +62,7 @@ export default
if(sortedCrumbs[i-1]) { if(sortedCrumbs[i-1]) {
// We've gotten all the way down to the smallest crumb without being able to reasonably trim // 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. // the previous crumbs. Go ahead and trim all of them equally.
maxWidth = availableWidth/(i+1); maxWidth = (availableWidth-breadcrumbBarPadding)/(i+1);
} }
else { else {
// There's only one breadcrumb so trim this one down // There's only one breadcrumb so trim this one down