Tweak unread messages indicator

aa2f0d8d · JC Brand · cb0b99ac · aa2f0d8d · aa2f0d8d · aa2f0d8d
Commit aa2f0d8d authored Mar 17, 2018 by JC Brand
Show whitespace changes
Inline Side-by-side

Showing with 8 additions and 8 deletions

css/converse.css css/converse.css +3 -3

css/inverse.css css/inverse.css +3 -3

sass/_roster.scss sass/_roster.scss +2 -2

No files found.
--- a/css/converse.css
+++ b/css/converse.css
@@ -5846,10 +5846,11 @@ body.reset {
            #conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs .contact-name {
              width: 70%; }
          #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .msgs-indicator {
+            color: white;
            background-color: #3AA569;
            opacity: 1;
            border-radius: 10%;
-            padding: 0 0.2em;
+            padding: 0.2em;
            font-size: 12px; }
          #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name {
            overflow: hidden;
@@ -5879,8 +5880,7 @@ body.reset {
          white-space: nowrap;
          text-overflow: ellipsis; }
        #conversejs #converse-roster .roster-contacts .roster-group li span {
-          padding: 0;
-          height: 100%; }
+          padding: 0; }
        #conversejs #converse-roster .roster-contacts .roster-group li a.decline-xmpp-request {
          margin-left: 5px; }
        #conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact {

--- a/css/inverse.css
+++ b/css/inverse.css
@@ -5978,10 +5978,11 @@ body {
            #conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs .contact-name {
              width: 70%; }
          #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .msgs-indicator {
+            color: white;
            background-color: #3AA569;
            opacity: 1;
            border-radius: 10%;
-            padding: 0 0.2em;
+            padding: 0.2em;
            font-size: 14px; }
          #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name {
            overflow: hidden;
@@ -6011,8 +6012,7 @@ body {
          white-space: nowrap;
          text-overflow: ellipsis; }
        #conversejs #converse-roster .roster-contacts .roster-group li span {
-          padding: 0;
-          height: 100%; }
+          padding: 0; }
        #conversejs #converse-roster .roster-contacts .roster-group li a.decline-xmpp-request {
          margin-left: 5px; }
        #conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact {

--- a/sass/_roster.scss
+++ b/sass/_roster.scss
@@ -113,10 +113,11 @@
                    }

                    .msgs-indicator {
+                        color: white;
                        background-color: $chat-head-color;
                        opacity: 1;
                        border-radius: 10%;
-                        padding: 0 0.2em;
+                        padding: 0.2em;
                        font-size: $font-size-small;
                    }

@@ -157,7 +158,6 @@
                }
                span {
                    padding: 0;
-                    height: 100%;
                }
                a {
                    &.decline-xmpp-request {