Further styling fixes.

This commit is contained in:
Aditya Toshniwal
2019-01-03 14:50:24 +00:00
committed by Dave Page
parent 1283c22bb9
commit 7d765fea04
15 changed files with 193 additions and 45 deletions
@@ -36,7 +36,7 @@ define([
};
/* Common function to load:
* en.js language file
* en.json language file
* file_manager_config.js config file
* return transaction id
*/
@@ -585,7 +585,7 @@ define([
result += '</ul>';
} else {
result += '<table id="contents" class="table table-bordered table-noouter-border table-bottom-border table-hover tablesorter">';
result += '<table id="contents" class="table table-bordered table-noouter-border table-bottom-border table-hover tablesorter file_listing_table">';
result += '<thead><tr><th>';
result += '<span>' + lg.name + '</span></th>';
result += '<th><span>' + lg.size + '</span></th><th>';
@@ -1096,8 +1096,8 @@ define([
*/
var lg = [],
enjs = url_for('file_manager.index') + 'en.js',
lgf = loadData(enjs);
enjson = url_for('file_manager.index') + 'en.json',
lgf = loadData(enjson);
if (lgf.readyState == 4) {
this.lg = lg = JSON.parse(lgf.responseText);
@@ -5,6 +5,58 @@
.file_listing {
min-width: 100%;
.file_listing_table {
height: 100%;
display: block;
padding: 0;
overflow-y: hidden !important;
}
.file_listing_table thead {
display: table;
width: 100%;
}
.file_listing_table thead tr {
position: relative;
display: block;
width: 100%;
border-bottom: $panel-border;
}
.file_listing_table tbody {
display: block;
overflow: auto;
width: 100%;
/* 100% minus thead height */
height: calc(100% - 30px);
}
.file_listing_table tbody tr {
max-width: 100%;
width: 100%;
}
.file_listing_table tbody tr td:nth-child(1),
.file_listing_table thead tr th:nth-child(1) {
width: 100%;
min-width: 100%;
}
.file_listing_table tbody tr td:nth-child(2),
.file_listing_table thead tr th:nth-child(2) {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.file_listing_table tbody tr td:nth-child(3),
.file_listing_table thead tr th:nth-child(3) {
width: 200px;
min-width: 200px;
max-width: 200px;
}
}
.file_listing #contents.grid li:hover,