From da4e0c4219e5132ffddd67fc4621840c557c132a Mon Sep 17 00:00:00 2001 From: Cesar G Date: Tue, 15 Oct 2013 21:37:53 -0700 Subject: [ticket/11928] Replace AJAX loading popup with animation. PHPBB3-11928 --- phpBB/styles/prosilver/theme/colours.css | 5 +++++ phpBB/styles/prosilver/theme/common.css | 14 ++++++++++++++ phpBB/styles/prosilver/theme/images/loading.gif | Bin 0 -> 1320 bytes 3 files changed, 19 insertions(+) create mode 100644 phpBB/styles/prosilver/theme/images/loading.gif (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 960415afbf..d4e63bf3ec 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1104,6 +1104,11 @@ input.disabled { background-color: #000000; } +#loading_indicator { + background-color: #000000; + background-image: url("./images/loading.gif"); +} + #notification_list ul li { border-bottom-color: #B9B9B9; } diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 84aea8212c..1e5c9e4e6a 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -821,6 +821,20 @@ li.pagination ul { opacity: 0.5; } +#loading_indicator { + background: center center no-repeat; + border-radius: 5px; + display: none; + opacity: 0.8; + margin-top: -50px; + margin-left: -50px; + height: 50px; + width: 50px; + position: fixed; + left: 50%; + top: 50%; +} + /* Miscellaneous styles ---------------------------------------- */ #forum-permissions { diff --git a/phpBB/styles/prosilver/theme/images/loading.gif b/phpBB/styles/prosilver/theme/images/loading.gif new file mode 100644 index 0000000000..e1ed0883e0 Binary files /dev/null and b/phpBB/styles/prosilver/theme/images/loading.gif differ -- cgit v1.2.1 From 57fc62b000391438adde160f97efaea7e2f0329a Mon Sep 17 00:00:00 2001 From: Cesar G Date: Tue, 29 Oct 2013 10:11:29 -0700 Subject: [ticket/11928] Make sure the indicator is on top of other elements. PHPBB3-11928 --- phpBB/styles/prosilver/theme/common.css | 1 + 1 file changed, 1 insertion(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 1e5c9e4e6a..225673a932 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -833,6 +833,7 @@ li.pagination ul { position: fixed; left: 50%; top: 50%; + z-index: 51; } /* Miscellaneous styles -- cgit v1.2.1