1
0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-07 07:56:23 +00:00

Factorize some CSS parts & bigger avatar in conversations

This commit is contained in:
Loic Blot 2016-05-20 08:48:36 +02:00
parent 5ac76af636
commit 6fbf9f690c
2 changed files with 11 additions and 12 deletions

View File

@ -27,10 +27,6 @@
box-sizing: border-box;
}
#app-mailbox-peers li:hover {
cursor: pointer;
}
#app-mailbox-peers li:hover > a,
#app-mailbox-peers li:hover,
#app-mailbox-peers .selected,
@ -98,7 +94,6 @@
float: right;
}
#ocsms-phone-label {
font-weight: bold;
color: #555;
@ -123,7 +118,9 @@
margin-left: 25px;
}
#ocsms-conversation-removal:hover {
#ocsms-conversation-removal:hover,
#ocsms-message-removal:hover,
#app-mailbox-peers li:hover {
cursor: pointer;
}
@ -132,10 +129,6 @@
margin-left: 10px;
}
#ocsms-message-removal:hover {
cursor: pointer;
}
#ocsms-empty-conversation {
position: absolute;
text-align: center;
@ -180,7 +173,7 @@
clear: both;
}
.ocsms-plavatar {
.ocsms-plavatar, .ocsms-plavatar-big {
display: inline-block;
height: 40px;
width: 40px;
@ -195,6 +188,12 @@
object-fit: cover;
}
.ocsms-plavatar-big {
height: 55px;
width: 55px;
line-height: 55px;
}
.ocsms-plname {
display: inline-block;
}

View File

@ -49,7 +49,7 @@ use \OCA\OcSms\Lib\CountryCodes;
<div id="app-content-header" ng-show="selectedContact.label !== undefined && selectedContact.label !== ''"
ng-style="{'background-color': (selectedContact.label | peerColor)}">
<div id="ocsms-contact-avatar">
<img class="ocsms-plavatar" data-ng-src="data:image/png;base64,{{ selectedContact.avatar }}"
<img class="ocsms-plavatar-big" data-ng-src="data:image/png;base64,{{ selectedContact.avatar }}"
ng-show="selectedContact.avatar !== undefined && selectedContact.avatar != ''" />
</div>
<div id="ocsms-contact-details">