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 */ /* Navigation: folder like structure */
#app-mailbox-peers { #app-mailbox-peers {
width: 250px; width: 20%;
height: 100%; height: 100%;
float: left; float: left;
-moz-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
background-color: #f5f5f5;
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;
@ -30,7 +29,7 @@
#app-mailbox-peers li:hover, #app-mailbox-peers li:hover,
#app-mailbox-peers .selected, #app-mailbox-peers .selected,
#app-mailbox-peers .selected a { #app-mailbox-peers .selected a {
background-color: #ccc; background-color: #f8f8f8;
} }
#app-mailbox-peers li > a, #ocsms-empty-peers { #app-mailbox-peers li > a, #ocsms-empty-peers {
@ -151,12 +150,22 @@
} }
.ocsms-plavatar { .ocsms-plavatar {
margin-top: 2px; display: inline-block;
width: 40px;
height: 40px; height: 40px;
float: left; width: 40px;
background-size: 40px; line-height: 40px;
background-repeat: no-repeat; 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 { #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"> <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 }}">
<div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');"></div> <div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');" ng-show="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" 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> </li>
</ul> </ul>
</div> </div>