Переглянути джерело

Tweak line-height for requesting contacts

JC Brand 7 роки тому
батько
коміт
03bda96e4d
4 змінених файлів з 15 додано та 7 видалено
  1. 4 2
      css/converse.css
  2. 4 2
      css/inverse.css
  3. 2 1
      inverse.html
  4. 5 2
      sass/_roster.scss

+ 4 - 2
css/converse.css

@@ -5828,8 +5828,10 @@ body.reset {
         line-height: 14px;
         line-height: 14px;
         width: 100%;
         width: 100%;
         margin-top: 0.5em; }
         margin-top: 0.5em; }
-        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
-          width: 1.5em; }
+        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
+          line-height: 16px; }
+          #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
+            width: 1.5em; }
         #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
         #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
           padding: 0 0.2em 0 0; }
           padding: 0 0.2em 0 0; }
         #conversejs #converse-roster .roster-contacts .roster-group li a:hover {
         #conversejs #converse-roster .roster-contacts .roster-group li a:hover {

+ 4 - 2
css/inverse.css

@@ -5960,8 +5960,10 @@ body {
         line-height: 16px;
         line-height: 16px;
         width: 100%;
         width: 100%;
         margin-top: 0.5em; }
         margin-top: 0.5em; }
-        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
-          width: 1.5em; }
+        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
+          line-height: 22px; }
+          #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
+            width: 1.5em; }
         #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
         #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
           padding: 0 0.2em 0 0; }
           padding: 0 0.2em 0 0; }
         #conversejs #converse-roster .roster-contacts .roster-group li a:hover {
         #conversejs #converse-roster .roster-contacts .roster-group li a:hover {

+ 2 - 1
inverse.html

@@ -7,8 +7,9 @@
     <link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
     <link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
     <script type="text/javascript" src="inverse-analytics.js"></script>
     <script type="text/javascript" src="inverse-analytics.js"></script>
     <noscript><p><img src="//stats.opkode.com/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
     <noscript><p><img src="//stats.opkode.com/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
+    <link type="text/css" rel="stylesheet" media="screen" href="node_modules/font-awesome/css/font-awesome.css" />
     <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/inverse.min.css" />
     <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/inverse.min.css" />
-    <script src="/cdn.conversejs.org/dist/converse.min.js"></script>
+    <script src="https://cdn.conversejs.org/dist/converse.min.js"></script>
 </head>
 </head>
 <body>
 <body>
     <div class="content">
     <div class="content">

+ 5 - 2
sass/_roster.scss

@@ -84,8 +84,11 @@
                 margin-top: 0.5em;
                 margin-top: 0.5em;
 
 
                 &.requesting-xmpp-contact {
                 &.requesting-xmpp-contact {
-                    a.fa {
-                        width: 1.5em;
+                    a {
+                        line-height: $line-height;
+                        &.fa {
+                            width: 1.5em;
+                        }
                     }
                     }
                     .req-contact-name {
                     .req-contact-name {
                         padding: 0 0.2em 0 0;
                         padding: 0 0.2em 0 0;