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 += "\n"; + var showParentFolderClass = ""; + if( FolderID != 0 ) { + showParentFolderClass = " has-parent-folder" + table_html += " [..]\n"; + table_html += "
"; + } + table_html += "
NameSizeModified
\n"; + currentView = []; var countFiles = 0; var countDirs = 0; var subdirTotSizes = 0; // folders - if( FolderID != 0 ) table_html += "\n"; var subdirs = getSubdirs( SelectedFolderID ); if( subdirs != "" ) {
NameSizeModified
[..]