css: Add white border around tab unread messages indicator

This commit is contained in:
JC Brand 2017-06-15 12:32:45 +02:00
parent e29c2f8197
commit 3e42fb53e5
3 changed files with 5 additions and 8 deletions

View File

@ -2009,6 +2009,7 @@ div.content {
#conversejs #controlbox form.search-xmpp-contact input {
width: 8em; }
#conversejs #controlbox .msgs-indicator {
border-radius: 3px;
background-color: #E77051;
color: white;
font-size: 14px;
@ -2204,13 +2205,14 @@ div.content {
#conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
background-color: #E77051; }
#conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
border: solid white 2px;
opacity: 0.8;
border-top-right-radius: 5px;
float: right; }
#conversejs #controlbox #controlbox-tabs li a:hover {
color: #818479; }
#conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
opacity: 0.8; }
opacity: 1; }
#conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
box-shadow: none;
border-bottom: 0;
@ -2507,8 +2509,6 @@ div.content {
float: left;
display: inline-block;
height: 30px; }
#conversejs #converse-roster .roster-contacts dd .open-chat .avatar .status-icon {
color: #578EA9; }
#conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
padding: 0 0 0 0.3em;
float: right; }

View File

@ -306,6 +306,7 @@
}
}
.msgs-indicator {
border: solid white 2px;
opacity: 0.8;
border-top-right-radius: $button-border-radius;
float: right;
@ -313,7 +314,7 @@
&:hover {
color: $text-color;
.msgs-indicator {
opacity: 0.8;
opacity: 1;
}
}
&.current,

View File

@ -173,10 +173,6 @@
float: left;
display: inline-block;
height: $roster-item-height;
.status-icon {
color: $link-color;
}
}
}
&.requesting-xmpp-contact {