Better styling for clickable requesting contacts.

This commit is contained in:
JC Brand 2017-02-02 16:23:31 +01:00
parent 8f753ab7b8
commit 1f5522845e
2 changed files with 11 additions and 9 deletions

View File

@ -1940,7 +1940,7 @@
display: block; display: block;
height: 24px; height: 24px;
overflow-y: hidden; overflow-y: hidden;
padding: 0.3em 0 0.3em 1em; padding: 0.3em 1em;
text-shadow: 0 1px 0 #FAFAFA; text-shadow: 0 1px 0 #FAFAFA;
line-height: 14px; line-height: 14px;
width: 100%; } width: 100%; }
@ -1950,12 +1950,12 @@
background-color: #DCF9F6; } background-color: #DCF9F6; }
#conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact { #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact {
display: inline-block; } display: inline-block; }
#conversejs #converse-roster .roster-contacts dd:hover .open-chat { #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
width: 80%; }
#conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact.request-actions {
margin-left: 0.5em; margin-left: 0.5em;
margin-bottom: 0.3em; margin-bottom: 0.3em;
float: right; } float: right; }
#conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name {
width: 100%; }
#conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name { #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name {
width: 69%; width: 69%;
padding: 0; } padding: 0; }

View File

@ -101,7 +101,7 @@
display: block; display: block;
height: 24px; height: 24px;
overflow-y: hidden; overflow-y: hidden;
padding: 0.3em 0 0.3em 1em; padding: 0.3em 1em;
text-shadow: 0 1px 0 $text-shadow-color; text-shadow: 0 1px 0 $text-shadow-color;
line-height: $font-size; line-height: $font-size;
width: 100%; width: 100%;
@ -113,16 +113,18 @@
.remove-xmpp-contact { .remove-xmpp-contact {
display: inline-block; display: inline-block;
} }
.open-chat {
width: 80%;
}
} }
&.requesting-xmpp-contact { &.requesting-xmpp-contact {
&.request-actions { .request-actions {
margin-left: 0.5em; margin-left: 0.5em;
margin-bottom: 0.3em; margin-bottom: 0.3em;
float: right; float: right;
} }
.open-chat {
.req-contact-name {
width: 100%;
}
}
.req-contact-name { .req-contact-name {
width: 69%; width: 69%;
padding: 0; padding: 0;