aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2023-03-04 17:03:37 +0000
committerMario <mario@mariovavti.com>2023-03-04 17:03:37 +0000
commit9f10e7e3562dfa161962439fe117e11ba42e6875 (patch)
tree99b9729c32c8bb64a52c3eeb7fe1021c9484b35d
parentdc6075aa3f91ad8e96f440f0569cfe5bd862b201 (diff)
downloadvolse-hubzilla-9f10e7e3562dfa161962439fe117e11ba42e6875.tar.gz
volse-hubzilla-9f10e7e3562dfa161962439fe117e11ba42e6875.tar.bz2
volse-hubzilla-9f10e7e3562dfa161962439fe117e11ba42e6875.zip
simplify pageloader animation
-rw-r--r--boot.php2
-rw-r--r--view/theme/redbasic/css/style.css17
-rw-r--r--view/theme/redbasic/js/redbasic.js12
3 files changed, 22 insertions, 9 deletions
diff --git a/boot.php b/boot.php
index dd3f53b92..02e344fad 100644
--- a/boot.php
+++ b/boot.php
@@ -60,7 +60,7 @@ require_once('include/bbcode.php');
require_once('include/items.php');
define('PLATFORM_NAME', 'hubzilla');
-define('STD_VERSION', '8.1.7');
+define('STD_VERSION', '8.1.8');
define('ZOT_REVISION', '6.0');
define('DB_UPDATE_VERSION', 1255);
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 2a45388ac..ff0d156b5 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1717,3 +1717,20 @@ dl.bb-dl > dd > li {
.disable-transition {
transition: none !important;
}
+
+.page-loader {
+ z-index: 10000;
+ width: 20vw;
+ height: 3px;
+ position: absolute;
+ animation: pageloader_move 2s ease-out infinite;
+}
+
+@keyframes pageloader_move {
+ 0% {
+ transform: translateX(0px);
+ }
+ 50% {
+ transform: translateX(80vw);
+ }
+}
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index b502ad333..706bf2808 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -26,14 +26,10 @@ $(document).ready(function() {
// provide a fake progress bar for pwa standalone mode
if (window.matchMedia('(display-mode: standalone)').matches) {
$(window).on('beforeunload', function(){
- $('<div style="position:fixed; z-index:10000; height:2px;" class="bg-primary page-loader"></div>').prependTo('body');
- let w = 10;
- setInterval(function () {
- $('.page-loader').css('width', w + 'vw');
- if (w < 90) {
- w = w+2;
- }
- }, 10);
+ if ($('.page-loader').length) {
+ return;
+ }
+ $('<div class="bg-primary page-loader"></div>').prependTo('body');
});
}