From 4f7f862a5583bb4e4415c7fb9d8b081120de3a73 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Sun, 20 Mar 2016 17:03:39 -0400 Subject: [PATCH] Add a specific item divider for the context menu, allowing some margin --- client/css/style.css | 10 +++++++--- client/js/lounge.js | 1 + client/views/contextmenu_divider.tpl | 1 + 3 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 client/views/contextmenu_divider.tpl diff --git a/client/css/style.css b/client/css/style.css index 614554ed..b439a1be 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -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 { diff --git a/client/js/lounge.js b/client/js/lounge.js index 2593424c..7dfa56d8 100644 --- a/client/js/lounge.js +++ b/client/js/lounge.js @@ -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", diff --git a/client/views/contextmenu_divider.tpl b/client/views/contextmenu_divider.tpl new file mode 100644 index 00000000..19316d55 --- /dev/null +++ b/client/views/contextmenu_divider.tpl @@ -0,0 +1 @@ +