diff --git a/res/include/script/file_manager/DirectoryElement.js b/res/include/script/file_manager/DirectoryElement.js index a4dc6c9..d246c6c 100644 --- a/res/include/script/file_manager/DirectoryElement.js +++ b/res/include/script/file_manager/DirectoryElement.js @@ -24,11 +24,11 @@ function DirectoryElement(directoryArea, footer) { this.directorySorters.appendChild(this.sortButtons[field]) } - this.fieldNameWidth = "300px" + // These widths are used for the sorters and the file nodes itself this.fieldDateWidth = "160px" this.fieldSizeWidth = "90px" this.fieldTypeWidth = "200px" - makeSortButton("name", "Name", this.fieldNameWidth) + makeSortButton("name", "Name", "") makeSortButton("dateCreated", "Creation Date", this.fieldDateWidth) makeSortButton("size", "Size", this.fieldSizeWidth) makeSortButton("type", "Type", this.fieldTypeWidth) @@ -179,7 +179,6 @@ DirectoryElement.prototype.createFileButton = function(file, index) { { let cell = document.createElement("div") - cell.style.minWidth = this.fieldNameWidth let thumb = document.createElement("img") thumb.src = file.icon cell.appendChild(thumb) diff --git a/res/include/style/file_manager.css b/res/include/style/file_manager.css index 1ffdc32..985f41a 100644 --- a/res/include/style/file_manager.css +++ b/res/include/style/file_manager.css @@ -46,7 +46,7 @@ is collapsed */ top: 0; z-index: 1; background-color: var(--layer_2_color); - min-width: 750px; /* Sum of all columns */ + min-width: 850px; } .file_manager > .directory_area > .directory_sorters > div { display: inline-block; @@ -82,7 +82,7 @@ is collapsed */ above are out of view*/ box-sizing: border-box; display: block; - min-width: 750px; /* Sum of all columns */ + min-width: 850px; } .file_manager > .status_bar { @@ -104,8 +104,6 @@ is collapsed */ margin: 0; box-sizing: border-box; color: var(--text_color); - - /* padding-top: 6px; */ } .node:hover:not(.node_selected) { background-color: var(--input_color_dark);