فهرست منبع

Small CSS fix for requesting contacts

JC Brand 8 سال پیش
والد
کامیت
fd97edf4f5
2فایلهای تغییر یافته به همراه9 افزوده شده و 6 حذف شده
  1. 6 4
      css/converse.css
  2. 3 2
      sass/_roster.scss

+ 6 - 4
css/converse.css

@@ -2188,11 +2188,13 @@
         #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact {
           display: inline-block; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
-        margin-left: 0.5em;
+        margin-left: 0.3em;
         margin-bottom: 0.3em;
         float: right; }
-      #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name {
-        width: 100%; }
+      #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat {
+        max-width: 75%; }
+        #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name {
+          width: 100%; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name {
         width: 69%;
         padding: 0; }
@@ -2210,7 +2212,7 @@
         white-space: nowrap;
         text-overflow: ellipsis; }
       #conversejs #converse-roster .roster-contacts dd span {
-        padding: 0 0.5em 0 0;
+        padding: 0;
         height: 100%; }
       #conversejs #converse-roster .roster-contacts dd a.decline-xmpp-request {
         margin-left: 5px; }

+ 3 - 2
sass/_roster.scss

@@ -116,11 +116,12 @@
             }
             &.requesting-xmpp-contact {
                 .request-actions {
-                    margin-left: 0.5em;
+                    margin-left: 0.3em;
                     margin-bottom: 0.3em;
                     float: right;
                 }
                 .open-chat {
+                    max-width: 75%;
                     .req-contact-name {
                         width: 100%;
                     }
@@ -147,7 +148,7 @@
                 text-overflow: ellipsis;
             }
             span {
-                padding: 0 0.5em 0 0;
+                padding: 0;
                 height: 100%;
             }
             a {