fix: enhance layout consistency in Browse.page, Browse.css, and BrowseButton.css

- Wrapped the table in Browse.page within a div for improved layout structure.
- Removed unnecessary margin-top from autoheight class in Browse.css and BrowseButton.css for better visual consistency.
- This change continues the effort to enhance layout consistency across the plugin.
This commit is contained in:
Zack Spear
2025-05-21 11:52:14 -07:00
parent 91c40f393a
commit 6ec34511d8
3 changed files with 17 additions and 12 deletions

View File

@@ -1017,7 +1017,23 @@ $(function(){
</script>
<div class="autoheight">
<table class="indexer tablesorter shift"><thead><tr><th><?if($dir){?><i id="check_0" class="fa fa-fw fa-square-o" onclick="selectAll()"></i><?}?></th><th>_(Type)_</th><th class='sorter-text'>_(Name)_</th><th>_(Owner)_</th><th>_(Permission)_</th><th>_(Size)_</th><th>_(Last Modified)_</th><th style="width:200px">_(Location)_</th><th>_(Action)_</th></tr></thead></table>
<div class="TableContainer">
<table class="indexer tablesorter">
<thead>
<tr>
<th><?if($dir){?><i id="check_0" class="fa fa-fw fa-square-o" onclick="selectAll()"></i><?}?></th>
<th>_(Type)_</th>
<th class='sorter-text'>_(Name)_</th>
<th>_(Owner)_</th>
<th>_(Permission)_</th>
<th>_(Size)_</th>
<th>_(Last Modified)_</th>
<th style="width:200px">_(Location)_</th>
<th>_(Action)_</th>
</tr>
</thead>
</table>
</div>
</div>
<div id="buttons">
<input type="button" value="_(Done)_" onclick="done('Browse')">

View File

@@ -104,7 +104,6 @@ div#buttons {
div.autoheight {
width: 100%;
overflow-y: auto;
margin-top: -30px;
}
table.tablesorter.indexer tbody tr:hover td {
@@ -122,9 +121,3 @@ table.tablesorter.indexer tbody tr:hover td {
color: var(--browse-text-color);
}
}
.Theme--sidebar {
div.autoheight {
margin-top: 0;
}
}

View File

@@ -210,7 +210,6 @@ i.dfm_filter {
div.autoheight {
width: 100%;
overflow-y: auto;
margin-top: -30px;
}
.Theme--sidebar {
@@ -224,7 +223,4 @@ div.autoheight {
i.dfm_filter {
margin-top: -4px;
}
div.autoheight {
margin-top: 0;
}
}