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

Little CSS enhancement and bind peer ng-click on li, not a

This commit is contained in:
Loic Blot 2016-05-19 22:07:37 +02:00
parent cbb02de464
commit 7a4f37f585
2 changed files with 8 additions and 6 deletions

View File

@ -3,7 +3,7 @@
width: 20%;
height: 100%;
float: left;
-moz-box-sizing: border-box; box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 44px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
@ -17,12 +17,14 @@
position: relative;
height: 100%;
overflow: auto;
-moz-box-sizing: border-box; box-sizing: border-box;
box-sizing: border-box;
}
#app-mailbox-peers li {
position: relative;
padding: 10px;
width: 100%;
-moz-box-sizing: border-box; box-sizing: border-box;
border-top: 1px solid #eee;
box-sizing: border-box;
}
#app-mailbox-peers li:hover > a,
@ -39,7 +41,7 @@
#app-mailbox-peers li > a {
display: inline-block;
overflow: hidden;
-moz-box-sizing: border-box; box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;

View File

@ -9,10 +9,10 @@ use \OCA\OcSms\Lib\CountryCodes;
<div class="ng-scope" id="app" ng-app="OcSms" ng-controller="OcSmsController">
<div id="app-mailbox-peers">
<ul class="contact-list">
<li ng-repeat="contact in contacts" peer-label="{{ contact.label }}">
<li ng-repeat="contact in contacts" peer-label="{{ contact.label }}" ng-click="loadConversation(contact);" href="#">
<div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');" ng-show="contact.avatar !== undefined"></div>
<div class="ocsms-plavatar" ng-show="contact.avatar === undefined" ng-style="{'background-color': (contact.label | peerColor)}">{{ contact.label | firstCharacter }}</div>
<a class="ocsms-plname" style="{{ contact.unread > 0 ? 'font-weight:bold;' : ''}}" mailbox-label="{{ contact.label }}" mailbox-navigation="{{ contact.nav }}" ng-click="loadConversation(contact);" href="#">{{ contact.label }}{{ contact.unread > 0 ? ' (' + contact.unread + ') ' : '' }}</a>
<a class="ocsms-plname" style="{{ contact.unread > 0 ? 'font-weight:bold;' : ''}}" mailbox-label="{{ contact.label }}" mailbox-navigation="{{ contact.nav }}">{{ contact.label }}{{ contact.unread > 0 ? ' (' + contact.unread + ') ' : '' }}</a>
</li>
</ul>
</div>