Add a specific item divider for the context menu, allowing some margin

This commit is contained in:
Jérémie Astori 2016-03-20 17:03:39 -04:00
parent b8ee886d0b
commit 4f7f862a55
3 changed files with 9 additions and 3 deletions

View File

@ -1221,15 +1221,19 @@ button,
border-radius: 2px; border-radius: 2px;
} }
.context-menu-item:first-child { .context-menu-divider {
border-bottom: 1px solid rgba(61, 70, 77, .1); height: 1px;
margin: 6px 0;
background-color: rgba(0, 0, 0, .1);
} }
.context-menu-item { .context-menu-item {
cursor: pointer; cursor: pointer;
display: block; display: block;
padding: 6px 8px; padding: 4px 8px;
color: #333; color: #333;
margin-top: 6px;
margin-bottom: 6px;
} }
.context-menu-item:hover { .context-menu-item:hover {

View File

@ -533,6 +533,7 @@ $(function() {
text: target.data("title"), text: target.data("title"),
data: target.data("target") data: target.data("target")
}); });
output += render("contextmenu_divider");
output += render("contextmenu_item", { output += render("contextmenu_item", {
class: "close", class: "close",
text: target.hasClass("lobby") ? "Disconnect" : target.hasClass("query") ? "Close" : "Leave", text: target.hasClass("lobby") ? "Disconnect" : target.hasClass("query") ? "Close" : "Leave",

View File

@ -0,0 +1 @@
<li class="context-menu-divider" />