makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-08 04:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/14095] Display it properly on darkened bg

Browse source 
PHPBB3-14095
This commit is contained in:
hanakin 2017-02-17 13:55:29 -05:00
parent 8b9a5848f6
commit f02e755756
3 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
phpBB/styles/prosilver/template/simple_footer.html
View file

@ -9,7 +9,9 @@
<div id="darken" class="darken">&nbsp;</div> <div id="darken" class="darken">&nbsp;</div>
</div> </div>
<div id="loading_indicator" class="loading_indicator"> <div id="loading_indicator" class="loading_indicator">
<div class="loader">{L_Loading}...</div> <div id="darken" class="darken">
<div class="loader">{L_Loading}...</div>
</div>
</div> </div>
<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}"> <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 href="#" class="alert_close">

4
phpBB/styles/prosilver/theme/colours.css
View file

@ -1333,6 +1333,10 @@ input.disabled {
background-color: #000000; background-color: #000000;
} }
.loading_indicator .darken {
background-color: rgba(0, 0, 0, 0.5);
}
.loader { .loader {
color: #ffffff; color: #ffffff;
} }

10
phpBB/styles/prosilver/theme/common.css
View file

@ -1017,7 +1017,8 @@ fieldset.fields1 dl.pmlist dd.recipients {
font-size: 1.1em; font-size: 1.1em;
} }
.darkenwrapper { .darkenwrapper,
.loading_indicator {
position: relative; position: relative;
z-index: 44; z-index: 44;
display: none; display: none;
@ -1033,6 +1034,13 @@ fieldset.fields1 dl.pmlist dd.recipients {
height: 100%; height: 100%;
} }
.loading_indicator .darken {
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
}
.loader { .loader {
font-size: 90px; font-size: 90px;
text-indent: -9999em; text-indent: -9999em;