Only show the delete icon when hovering

686c94c1 · JC Brand · 97c978bc · 686c94c1
Commit 686c94c1 authored May 09, 2013 by JC Brand
Show whitespace changes
Inline Side-by-side

Showing with 11 additions and 3 deletions

converse.css converse.css +11 -3

No files found.
--- a/converse.css
+++ b/converse.css
@@ -408,8 +408,7 @@ form.search-xmpp-contact input {
 }

 #converse-roster dd a {
-    margin-left: 1.5em;
-    width: 113px;
+    margin-left: 1.3em;
 }

 #converse-roster dd span {
@@ -470,10 +469,19 @@ dd.available-chatroom,

 #converse-roster dd a.remove-xmpp-contact {
    background: url('images/delete_icon.png') no-repeat right top;
-    padding: 0 1em 1em 0;
+    padding: 0 0 1em 0;
    float: right;
    width: 22px;
    margin: 0;
+    display: none;
+}
+
+#converse-roster  dd:hover *[class*="remove-xmpp-contact"] {
+    display: inline-block;
+}
+
+#converse-roster  dd:hover *[class*="open-chat"] {
+    width: 128px;
 }

 .chatbox,