[design] improve empty links and search

This commit is contained in:
zombieFox 2019-10-21 19:08:30 +01:00
parent 8daa349f4e
commit 0c62bf68c1
2 changed files with 12 additions and 19 deletions

View File

@ -566,15 +566,6 @@
display: none; display: none;
} }
.link-empty-heading {
color: rgb(var(--theme-style-text));
margin-bottom: 0;
}
.link-empty-heading:not(:only-child) {
margin-bottom: 0.5em;
}
.is-link-style-list .link-name { .is-link-style-list .link-name {
white-space: nowrap; white-space: nowrap;
} }

View File

@ -1079,28 +1079,30 @@ var link = (function() {
var group = helper.node("div|class:group"); var group = helper.node("div|class:group");
var groupBody = helper.node("div|class:group-body"); var groupBody = helper.node("div|class:group-body");
var linkEmpty = helper.node("div|class:link-empty"); var linkEmpty = helper.node("div|class:link-empty");
var h1 = helper.node("h1:No bookmarks added|class:link-empty-heading"); var para1 = helper.node("p:No groups or bookmarks");
var para = helper.node("p:Why not add some?|class:small muted"); var para2 = helper.node("p:Why not add a one?|class:small muted");
linkEmpty.appendChild(h1); linkEmpty.appendChild(para1);
linkEmpty.appendChild(para); linkEmpty.appendChild(para2);
groupBody.appendChild(linkEmpty); groupBody.appendChild(linkEmpty);
group.appendChild(groupBody); group.appendChild(groupBody);
return group; return group;
}, },
item: function() { item: function() {
var linkEmpty = helper.node("div|class:link-empty"); var linkEmpty = helper.node("div|class:link-empty");
var para = helper.node("para:Empty group|class:link-empty-heading"); var para1 = helper.node("p:Empty group");
linkEmpty.appendChild(para); var para2 = helper.node("p:Why not add a bookmark?|class:small muted");
linkEmpty.appendChild(para1);
linkEmpty.appendChild(para2);
return linkEmpty; return linkEmpty;
}, },
search: function() { search: function() {
var group = helper.node("div|class:group"); var group = helper.node("div|class:group");
var groupBody = helper.node("div|class:group-body"); var groupBody = helper.node("div|class:group-body");
var linkEmpty = helper.node("div|class:link-empty"); var linkEmpty = helper.node("div|class:link-empty");
var h1 = helper.node("h1:No matching bookmarks found|class:link-empty-heading"); var para1 = helper.node("p:No matching bookmarks found");
var para = helper.node("p:\"Enter\" to Search " + state.get().header.search.engine[state.get().header.search.engine.selected].name + "|class:small muted"); var para2 = helper.node("p:\"Enter\" to Search " + state.get().header.search.engine[state.get().header.search.engine.selected].name + "|class:small muted");
linkEmpty.appendChild(h1); linkEmpty.appendChild(para1);
linkEmpty.appendChild(para); linkEmpty.appendChild(para2);
groupBody.appendChild(linkEmpty); groupBody.appendChild(linkEmpty);
group.appendChild(groupBody); group.appendChild(groupBody);
return group; return group;