summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrstular <rok@stular.eu>2020-05-14 18:39:34 +0200
committerrstular <rok@stular.eu>2020-05-14 18:39:34 +0200
commit58cca3f008f4de07d6bb3e76d954027d39191cc2 (patch)
tree6930f01735cfb7a1c73db14d53d94bbd5233a431
parentMessaging redesign done (diff)
downloadbeziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar.gz
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar.bz2
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar.lz
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar.xz
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.tar.zst
beziapp-58cca3f008f4de07d6bb3e76d954027d39191cc2.zip
Diffstat (limited to '')
-rw-r--r--js/messaging.js2
-rw-r--r--pages-src/messaging.bvr18
-rw-r--r--pages/messaging.html18
3 files changed, 15 insertions, 23 deletions
diff --git a/js/messaging.js b/js/messaging.js
index a061ca9..0768a49 100644
--- a/js/messaging.js
+++ b/js/messaging.js
@@ -357,7 +357,7 @@ function displayData(messageType) {
$("#storage-bar").show();
$("#storage-progressbar").width(Number(Number(getNumMessages(messageType) / 120) * 100).toFixed(2) + "%");
- $("#storage-desc").html( `${getNumMessages(messageType)}/120 ${s("messages")} ${$("#storage-progressbar").width()}`);
+ $("#storage-stats").html(`${getNumMessages(messageType)}/120`);
}
// -1 = cumulative
diff --git a/pages-src/messaging.bvr b/pages-src/messaging.bvr
index dff3d00..83c61a9 100644
--- a/pages-src/messaging.bvr
+++ b/pages-src/messaging.bvr
@@ -51,21 +51,17 @@
<div class="container">
<div class="row">
- <div class="row" id="storage-bar">
- <div class="col s4">
- <x-su>messageStorageUsed</x-su>:
+ <div class="row grey-text text-darken-2" id="storage-bar">
+ <div class="col s6">
+ <x-su>messageStorageUsed</x-su>: <span id="#storage-stats">0/120</span> <x-sl>messages</x-sl>
</div>
- <div class="col s3" id="storage-desc">
- 0/120 <x-sl>messages</x-sl> 10%
- </div>
- <div class="progress col s5">
+ <div class="progress col s6">
<div class="determinate" id="storage-progressbar" style="width: 0%"></div>
</div>
</div>
- <div class="row">
- <p>
- <x-du>maxMessagesNote</x-du>
- </p>
+
+ <div class="row grey-text text-darken-2" style="text-align: center;">
+ <x-du>maxMessagesNote</x-du>
</div>
<div class="col s12 m12">
diff --git a/pages/messaging.html b/pages/messaging.html
index 31c4749..ed733af 100644
--- a/pages/messaging.html
+++ b/pages/messaging.html
@@ -73,21 +73,17 @@
<div class="container">
<div class="row">
- <div class="row" id="storage-bar">
- <div class="col s4">
- <x-su>messageStorageUsed</x-su>:
+ <div class="row grey-text text-darken-2" id="storage-bar">
+ <div class="col s6">
+ <x-su>messageStorageUsed</x-su>: <span id="#storage-stats">0/120</span> <x-sl>messages</x-sl>
</div>
- <div class="col s3" id="storage-desc">
- 0/120 <x-sl>messages</x-sl> 10%
- </div>
- <div class="progress col s5">
+ <div class="progress col s6">
<div class="determinate" id="storage-progressbar" style="width: 0%"></div>
</div>
</div>
- <div class="row">
- <p>
- <x-du>maxMessagesNote</x-du>
- </p>
+
+ <div class="row grey-text text-darken-2" style="text-align: center;">
+ <x-du>maxMessagesNote</x-du>
</div>
<div class="col s12 m12">