diff --git a/www/drive/file.css b/www/drive/file.css index f12624db4..b609eacca 100644 --- a/www/drive/file.css +++ b/www/drive/file.css @@ -227,6 +227,7 @@ span.fa-folder-open { display: flex; flex-flow: column; flex: 1; + min-width: 0; } #content { box-sizing: border-box; diff --git a/www/drive/file.less b/www/drive/file.less index 5ecce44eb..be12531e7 100644 --- a/www/drive/file.less +++ b/www/drive/file.less @@ -276,7 +276,9 @@ span { display: flex; flex-flow: column; flex: 1; -} + // Needed to avoid the folder's path to overflows + // https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout + min-width: 0;} #content { box-sizing: border-box; background: @content-bg; diff --git a/www/drive/main.js b/www/drive/main.js index 60f337244..12b810c87 100644 --- a/www/drive/main.js +++ b/www/drive/main.js @@ -650,9 +650,10 @@ define([ }; var updatePathSize = function () { + return; var $tb = $driveToolbar; var w = $tree.width() + $tb.find('.leftside').width() + $tb.find('.rightside').width(); - $driveToolbar.find('.path').css('max-width', 'calc(100vw - '+w+'px - 50px)'); + $driveToolbar.find('.path').css('max-width', 'calc(100vw - '+w+'px)'); }; var getSelectedPaths = function ($element) {