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

CSS style fix

Browse Source
This commit is contained in:
Loic Blot 2016-05-19 21:41:39 +02:00
parent 6be679f478
commit ad110a9837
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/style.css
View File

@ -1,10 +1,9 @@
/* Navigation: folder like structure */
#app-mailbox-peers {
width: 250px;
width: 20%;
height: 100%;
float: left;
-moz-box-sizing: border-box; box-sizing: border-box;
background-color: #f5f5f5;
padding-bottom: 44px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
@ -30,7 +29,7 @@
#app-mailbox-peers li:hover,
#app-mailbox-peers .selected,
#app-mailbox-peers .selected a {
background-color: #ccc;
background-color: #f8f8f8;
}
#app-mailbox-peers li > a, #ocsms-empty-peers {
@ -151,12 +150,22 @@
}
.ocsms-plavatar {
margin-top: 2px;
width: 40px;
display: inline-block;
height: 40px;
float: left;
background-size: 40px;
background-repeat: no-repeat;
width: 40px;
line-height: 40px;
border-radius: 50%;
vertical-align: middle;
margin-right: 10px;
color: white;
text-align: center;
font-size: 1.5em;
text-transform: capitalize;
object-fit: cover;
}
.ocsms-plname {
display: inline-block;
}
#app-settings-content .new-button {

5
templates/main.php
View File

@ -10,8 +10,9 @@ use \OCA\OcSms\Lib\CountryCodes;
<div id="app-mailbox-peers">
<ul class="contact-list">
<li ng-repeat="contact in contacts" peer-label="{{ contact.label }}">
<div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');"></div>
<a 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>
<div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');" ng-show="contact.avatar != ''"></div>
<div class="ocsms-plavatar" ng-show="contact.avatar == ''"></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>
</li>
</ul>
</div>