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

Reorganize the view

Browse Source
This commit is contained in:
Loic Blot 2018-11-10 19:05:18 +01:00
parent 3efb879496
commit 6152b22596
No known key found for this signature in database
GPG Key ID: EFAA458E8C153987
2 changed files with 71 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -3,19 +3,21 @@
width: 100%;
}
/* Navigation: folder like structure */
#app-mailbox-peers {
#app-navigation {
min-width: 20em;
height: 100%;
box-sizing: border-box;
padding-bottom: 44px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
resize: horizontal;
}
/* Navigation: folder like structure */
#app-mailbox-peers {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
resize: horizontal;
overflow-x: auto;
flex: 1;
}
@ -236,7 +238,7 @@
}
#app-settings {
width: 20%;
width: 100%;
}
#app-settings-header, #app-settings-content {

9
templates/main.php
View File

@ -15,7 +15,8 @@ use \OCA\OcSms\Lib\CountryCodes;
\OCP\Util::addStyle('ocsms', 'style');
?>
<script type="text/x-template" id="modal-template">
<script type="text/x-template" id="modal-template" xmlns:v-on="http://www.w3.org/1999/xhtml"
xmlns:v-bind="http://www.w3.org/1999/xhtml">
<transition name="modal" v-if="show">
<div class="modal-mask">
<div class="modal-wrapper">
@ -41,6 +42,7 @@ use \OCA\OcSms\Lib\CountryCodes;
</script>
<div id="app">
<div id="app-navigation">
<div id="app-mailbox-peers">
<div id="app-contacts-loader" class="icon-loading" v-if="isContactsLoading">
</div>
@ -106,10 +108,11 @@ use \OCA\OcSms\Lib\CountryCodes;
</div>
</div> <!-- app-settings-content -->
</div>
</div>
<div id="app-conversation">
<div id="app-content-loader" class="icon-loading" v-if="isConvLoading"></div>
<div id="app-content-header" v-if="!isConvLoading && messages.length > 0"
v-bind:style="{'backgroundColor': getContactColor(selectedContact.uid) }">
<div id="app-content-header" v-if="!isConvLoading && messages.length > 0" v-bind:style="{backgroundColor: getContactColor(selectedContact.uid) }">
<div id="ocsms-contact-avatar">
<img class="ocsms-plavatar-big" v-if="selectedContact.avatar !== undefined" :src="selectedContact.avatar" />
<div class="ocsms-plavatar-big" v-if="selectedContact.avatar === undefined">{{ selectedContact.label | firstCharacter }}</div>