Add a specific item divider for the context menu, allowing some margin
This commit is contained in:
parent
b8ee886d0b
commit
4f7f862a55
@ -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 {
|
||||||
|
@ -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",
|
||||||
|
1
client/views/contextmenu_divider.tpl
Normal file
1
client/views/contextmenu_divider.tpl
Normal file
@ -0,0 +1 @@
|
|||||||
|
<li class="context-menu-divider" />
|
Loading…
Reference in New Issue
Block a user