Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

css: Add white border around tab unread messages indicator

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/inverse.css
View File

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

3
sass/_controlbox.scss
View File

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

4
sass/_roster.scss
View File

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