mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-08 17:56:52 +02:00
Code Issues Releases Wiki Activity

Merge pull request #4704 from hanakin/ticket/14095

Browse Source 
[ticket/14095] Pure CSS loader...No Image
This commit is contained in:
Marc Alexander
2017-03-19 17:27:47 +01:00
parent 0dc61deb77 978c2a6a28
commit 644182398f
8 changed files with 157 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
phpBB/adm/style/admin.css
View File

@@ -1665,19 +1665,77 @@ input.button1:focus, input.button2:focus {
}
}
#loading_indicator {
background: #000000 url("../images/loading.gif") center center no-repeat;
border-radius: 5px;
display: none;
opacity: 0.8;
margin-top: -50px;
margin-left: -50px;
height: 50px;
width: 50px;
.loading_indicator {
position: fixed;
left: 50%;
top: 50%;
left: 50%;
z-index: 51;
display: none;
}
.loader {
width: 48px;
height: 48px;
padding: 12px;
}
.spinner {
animation: rotator 1s linear infinite;
}
.spinner-path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
animation: dash 1s ease-in-out infinite, colors 4s ease-in-out infinite;
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187;
}
50% {
stroke-dashoffset: 46.75;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 187;
transform: rotate(450deg);
}
}
@keyframes colors {
0% {
stroke: #4285f4;
}
25% {
stroke: #de3e35;
}
50% {
stroke: #f7c223;
}
75% {
stroke: #1b9a59;
}
100% {
stroke: #4285f4;
}
}
/* Pagination

9
phpBB/adm/style/overall_footer.html
View File

@@ -20,7 +20,14 @@
<div id="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
<div id="darken">&nbsp;</div>
</div>
<div id="loading_indicator"></div>
<div id="loading_indicator" class="loading_indicator">
<div class="loader">
<svg class="spinner" width="48px" height="48px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" aria-labelledby="loader-title" role="img">
<title id="loader-title">Loading...</title>
<circle class="spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
<a href="#" class="alert_close"></a>