CSS updates concerning unread messages
This commit is contained in:
parent
bbecee11d5
commit
297cd601cd
@ -1906,6 +1906,7 @@
|
|||||||
#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 {
|
||||||
|
opacity: 0.6;
|
||||||
background-color: #D24E2B;
|
background-color: #D24E2B;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -2091,16 +2092,22 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
#conversejs #controlbox #controlbox-tabs li a.contacts-tab .msgs-indicator {
|
||||||
|
background-color: #F4A261; }
|
||||||
|
#conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
|
||||||
|
background-color: #E76F51; }
|
||||||
|
#conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
|
||||||
|
border-top-right-radius: 4px; }
|
||||||
#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 {
|
||||||
|
opacity: 0.8; }
|
||||||
#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;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
color: #818479; }
|
color: #818479; }
|
||||||
#conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
|
|
||||||
border-top-right-radius: 4px; }
|
|
||||||
#conversejs #controlbox .fancy-dropdown {
|
#conversejs #controlbox .fancy-dropdown {
|
||||||
border: 1px solid #B1BFC4;
|
border: 1px solid #B1BFC4;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
@ -2204,7 +2211,8 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
#conversejs #controlbox .available-chatroom.unread-msgs .msgs-indicator {
|
#conversejs #controlbox .available-chatroom.unread-msgs .msgs-indicator {
|
||||||
border-radius: 10%; }
|
border-radius: 10%;
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
#conversejs #converse-roster {
|
#conversejs #converse-roster {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -2333,6 +2341,7 @@
|
|||||||
#conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar.avatar-online .pulse {
|
#conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar.avatar-online .pulse {
|
||||||
border: 0.7em solid #2A9D8F; }
|
border: 0.7em solid #2A9D8F; }
|
||||||
#conversejs #converse-roster .roster-contacts dd .open-chat .msgs-indicator {
|
#conversejs #converse-roster .roster-contacts dd .open-chat .msgs-indicator {
|
||||||
|
opacity: 1;
|
||||||
margin-left: -3em;
|
margin-left: -3em;
|
||||||
border-radius: 10%; }
|
border-radius: 10%; }
|
||||||
#conversejs #converse-roster .roster-contacts dd .open-chat .contact-name {
|
#conversejs #converse-roster .roster-contacts dd .open-chat .contact-name {
|
||||||
|
@ -34,6 +34,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.msgs-indicator {
|
.msgs-indicator {
|
||||||
|
opacity: 0.6;
|
||||||
background-color: $warning-color;
|
background-color: $warning-color;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
@ -288,8 +289,24 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
&.contacts-tab {
|
||||||
|
.msgs-indicator {
|
||||||
|
background-color: $chat-head-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.rooms-tab {
|
||||||
|
.msgs-indicator {
|
||||||
|
background-color: $chatroom-head-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.msgs-indicator {
|
||||||
|
border-top-right-radius: $chatbox-border-radius;
|
||||||
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
|
.msgs-indicator {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.current,
|
&.current,
|
||||||
&.current:hover {
|
&.current:hover {
|
||||||
@ -299,9 +316,6 @@
|
|||||||
cursor: default;
|
cursor: default;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
}
|
}
|
||||||
.msgs-indicator {
|
|
||||||
border-top-right-radius: $chatbox-border-radius;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -8,6 +8,7 @@
|
|||||||
&.unread-msgs {
|
&.unread-msgs {
|
||||||
.msgs-indicator {
|
.msgs-indicator {
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -155,6 +155,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.msgs-indicator {
|
.msgs-indicator {
|
||||||
|
opacity: 1;
|
||||||
margin-left: -3em;
|
margin-left: -3em;
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user