diff options
| -rw-r--r-- | js/messaging.js | 2 | ||||
| -rw-r--r-- | pages-src/messaging.bvr | 18 | ||||
| -rw-r--r-- | pages/messaging.html | 18 |
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"> |