fix column width
This commit is contained in:
@@ -24,11 +24,11 @@ function DirectoryElement(directoryArea, footer) {
|
|||||||
this.directorySorters.appendChild(this.sortButtons[field])
|
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.fieldDateWidth = "160px"
|
||||||
this.fieldSizeWidth = "90px"
|
this.fieldSizeWidth = "90px"
|
||||||
this.fieldTypeWidth = "200px"
|
this.fieldTypeWidth = "200px"
|
||||||
makeSortButton("name", "Name", this.fieldNameWidth)
|
makeSortButton("name", "Name", "")
|
||||||
makeSortButton("dateCreated", "Creation Date", this.fieldDateWidth)
|
makeSortButton("dateCreated", "Creation Date", this.fieldDateWidth)
|
||||||
makeSortButton("size", "Size", this.fieldSizeWidth)
|
makeSortButton("size", "Size", this.fieldSizeWidth)
|
||||||
makeSortButton("type", "Type", this.fieldTypeWidth)
|
makeSortButton("type", "Type", this.fieldTypeWidth)
|
||||||
@@ -179,7 +179,6 @@ DirectoryElement.prototype.createFileButton = function(file, index) {
|
|||||||
|
|
||||||
{
|
{
|
||||||
let cell = document.createElement("div")
|
let cell = document.createElement("div")
|
||||||
cell.style.minWidth = this.fieldNameWidth
|
|
||||||
let thumb = document.createElement("img")
|
let thumb = document.createElement("img")
|
||||||
thumb.src = file.icon
|
thumb.src = file.icon
|
||||||
cell.appendChild(thumb)
|
cell.appendChild(thumb)
|
||||||
|
@@ -46,7 +46,7 @@ is collapsed */
|
|||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background-color: var(--layer_2_color);
|
background-color: var(--layer_2_color);
|
||||||
min-width: 750px; /* Sum of all columns */
|
min-width: 850px;
|
||||||
}
|
}
|
||||||
.file_manager > .directory_area > .directory_sorters > div {
|
.file_manager > .directory_area > .directory_sorters > div {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -82,7 +82,7 @@ is collapsed */
|
|||||||
above are out of view*/
|
above are out of view*/
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: block;
|
display: block;
|
||||||
min-width: 750px; /* Sum of all columns */
|
min-width: 850px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file_manager > .status_bar {
|
.file_manager > .status_bar {
|
||||||
@@ -104,8 +104,6 @@ is collapsed */
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: var(--text_color);
|
color: var(--text_color);
|
||||||
|
|
||||||
/* padding-top: 6px; */
|
|
||||||
}
|
}
|
||||||
.node:hover:not(.node_selected) {
|
.node:hover:not(.node_selected) {
|
||||||
background-color: var(--input_color_dark);
|
background-color: var(--input_color_dark);
|
||||||
|
Reference in New Issue
Block a user