diff --git a/Snap2HTML/template.html b/Snap2HTML/template.html
index ae0050d..a296a31 100644
--- a/Snap2HTML/template.html
+++ b/Snap2HTML/template.html
@@ -188,6 +188,7 @@
font-family:arial;
background-color: #cdcdcd;
font-size: 8pt;
+ line-height: 1.25em;
width: 100%;
text-align: left;
border-spacing: 0px;
@@ -216,7 +217,11 @@
border-top: 1px solid #e0e0e0;
padding: 3px 4px 3px 4px;
}
- #files.tablesorter tbody tr:nth-child(even) td {
+
+ #files.tablesorter:not(.has-parent-folder) tbody tr:nth-child(even) td {
+ background-color: #f8f8f8;
+ }
+ #files.tablesorter.has-parent-folder tbody tr:nth-child(odd) td {
background-color: #f8f8f8;
}
@@ -276,6 +281,28 @@
}
+ /* make room for [..] */
+ #files.tablesorter.has-parent-folder th {
+ border-bottom: 1px solid #ccc;
+ }
+
+ #files.tablesorter.has-parent-folder tbody tr:first-child td {
+ border-top: 20px solid white;
+ }
+ #parent_folder {
+ position: absolute;
+ top: 43px;
+ left: 4px;
+ }
+ #parent_folder_border {
+ background-color: #e0e0e0;
+ height: 1px;
+ position: absolute;
+ width: 100%;
+ top: 61px;
+ }
+
+
/* --- Breadcrumb --- */
.list_header {
@@ -369,7 +396,7 @@
}
.export_text {
width: 100%;
- height: calc(100% - 5em); /* two .export_options => 4em + save link*/
+ height: calc(100% - 5.25em); /* two .export_options => 4em + save link*/
}
.export_close:link, .export_close:visited {
float: right;
@@ -1197,14 +1224,20 @@
$("#list_header").html( breadcrumbs );
var table_html = "";
- table_html += "
Name | Size | Modified | \n";
+ var showParentFolderClass = "";
+ if( FolderID != 0 ) {
+ showParentFolderClass = " has-parent-folder"
+ table_html += " [..]\n";
+ table_html += "";
+ }
+ table_html += "Name | Size | Modified | \n";
+
currentView = [];
var countFiles = 0;
var countDirs = 0;
var subdirTotSizes = 0;
// folders
- if( FolderID != 0 ) table_html += " [..] | | |
\n";
var subdirs = getSubdirs( SelectedFolderID );
if( subdirs != "" )
{