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;
}
.context-menu-item:first-child {
border-bottom: 1px solid rgba(61, 70, 77, .1);
.context-menu-divider {
height: 1px;
margin: 6px 0;
background-color: rgba(0, 0, 0, .1);
}
.context-menu-item {
cursor: pointer;
display: block;
padding: 6px 8px;
padding: 4px 8px;
color: #333;
margin-top: 6px;
margin-bottom: 6px;
}
.context-menu-item:hover {

View file

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

View file

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