web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix path size width in drive

Browse Source
This commit is contained in:
yflory
2017-06-20 14:56:15 +02:00
parent 59fb5bd8be
commit c3f636851a
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
www/drive/file.css
View File

@@ -227,6 +227,7 @@ span.fa-folder-open {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
flex: 1; flex: 1;
min-width: 0;
} }
#content { #content {
box-sizing: border-box; box-sizing: border-box;

4
www/drive/file.less
View File

@@ -276,7 +276,9 @@ span {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
flex: 1; 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 { #content {
box-sizing: border-box; box-sizing: border-box;
background: @content-bg; background: @content-bg;

3
www/drive/main.js
View File

@@ -650,9 +650,10 @@ define([
}; };
var updatePathSize = function () { var updatePathSize = function () {
return;
var $tb = $driveToolbar; var $tb = $driveToolbar;
var w = $tree.width() + $tb.find('.leftside').width() + $tb.find('.rightside').width(); 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) { var getSelectedPaths = function ($element) {