convert feeds table actions to hover menu

This commit is contained in:
Zlatin Balevsky
2020-03-23 08:28:13 +00:00
parent b7033e3277
commit bb69535874
4 changed files with 8 additions and 7 deletions

View File

@ -6,7 +6,7 @@
overflow:auto;
margin-top:20px;
}
.filesTable {
.paddedTable {
padding-bottom: 6%;
}
#table-wrapper table {
@ -237,6 +237,7 @@ div#feedsTable table thead th:nth-child(4) {
div#feedsTable table tbody td:nth-child(1) {
text-overflow: ellipsis;
overflow: auto;
}
div#itemsTable table thead th:nth-child(2) {

View File

@ -24,10 +24,10 @@ class Feed {
var unsubscribeLink = new Link(_t("Unsubscribe"), "unsubscribe", [this.publisherB64])
var configureLink = new Link(_t("Configure"), "configure", [this.publisher])
var publisherHTML = publisherLink.render() + "<span class='right'>" + updateHTML + " " +
unsubscribeLink.render() + " " +
configureLink.render() +
"</span>"
var actionsHtml = "<div class='dropdown'><a class='droplink'>" + _t("Actions") + "</a><div class='dropdown-content'>" +
updateHTML + unsubscribeLink.render() + configureLink.render() + "</div></div>"
var publisherHTML = publisherLink.render() + "<span class='right'>" + actionsHtml + "</span>"
mapping.set("Publisher", publisherHTML)
mapping.set("Files", this.files)

View File

@ -38,7 +38,7 @@ String pagetitle=Util._t("Feeds");
</aside>
<section class="main foldermain">
<div id="table-wrapper">
<div id="table-scroll">
<div class="paddedTable" id="table-scroll">
<div id="feedsTable"></div>
</div>
</div>

View File

@ -60,7 +60,7 @@ if (viewAs == null)
</ul>
<% } else { %>
<div id="table-wrapper">
<div class="filesTable" id="table-scroll">
<div class="paddedTable" id="table-scroll">
<div id="filesTable"></div>
</div>
</div>