1
0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-08 16:36:25 +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; box-sizing: border-box;
} }
#app-mailbox-peers li:hover {
cursor: pointer;
}
#app-mailbox-peers li:hover > a, #app-mailbox-peers li:hover > a,
#app-mailbox-peers li:hover, #app-mailbox-peers li:hover,
#app-mailbox-peers .selected, #app-mailbox-peers .selected,
@ -98,7 +94,6 @@
float: right; float: right;
} }
#ocsms-phone-label { #ocsms-phone-label {
font-weight: bold; font-weight: bold;
color: #555; color: #555;
@ -123,7 +118,9 @@
margin-left: 25px; margin-left: 25px;
} }
#ocsms-conversation-removal:hover { #ocsms-conversation-removal:hover,
#ocsms-message-removal:hover,
#app-mailbox-peers li:hover {
cursor: pointer; cursor: pointer;
} }
@ -132,10 +129,6 @@
margin-left: 10px; margin-left: 10px;
} }
#ocsms-message-removal:hover {
cursor: pointer;
}
#ocsms-empty-conversation { #ocsms-empty-conversation {
position: absolute; position: absolute;
text-align: center; text-align: center;
@ -180,7 +173,7 @@
clear: both; clear: both;
} }
.ocsms-plavatar { .ocsms-plavatar, .ocsms-plavatar-big {
display: inline-block; display: inline-block;
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -195,6 +188,12 @@
object-fit: cover; object-fit: cover;
} }
.ocsms-plavatar-big {
height: 55px;
width: 55px;
line-height: 55px;
}
.ocsms-plname { .ocsms-plname {
display: inline-block; 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 !== ''" <div id="app-content-header" ng-show="selectedContact.label !== undefined && selectedContact.label !== ''"
ng-style="{'background-color': (selectedContact.label | peerColor)}"> ng-style="{'background-color': (selectedContact.label | peerColor)}">
<div id="ocsms-contact-avatar"> <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 != ''" /> ng-show="selectedContact.avatar !== undefined && selectedContact.avatar != ''" />
</div> </div>
<div id="ocsms-contact-details"> <div id="ocsms-contact-details">