flywithu/ocsms
1
0
Fork 0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-07 16:06:15 +00:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

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

4
templates/main.php
View File

@ -9,10 +9,10 @@ use \OCA\OcSms\Lib\CountryCodes;
<div class="ng-scope" id="app" ng-app="OcSms" ng-controller="OcSmsController"> <div class="ng-scope" id="app" ng-app="OcSms" ng-controller="OcSmsController">
<div id="app-mailbox-peers"> <div id="app-mailbox-peers">
<ul class="contact-list"> <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" 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> <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> </li>
</ul> </ul>
</div> </div>