Add transparent error screen

This commit is contained in:
yflory 2020-10-28 18:28:53 +01:00
parent e2e56c1bd2
commit d6a125af03
2 changed files with 6 additions and 1 deletions

View File

@ -33,6 +33,9 @@ define(['/customize/messages.js'], function (Messages) {
align-items: center;
font: 20px 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
#cp-loading.cp-loading-transparent {
background-color: rgba(231, 231, 231, 0.7);
}
#cp-loading.cp-loading-hidden {
opacity: 0;
visibility: hidden;

View File

@ -866,6 +866,7 @@ define([
// Show the loading screen
$loading.css('display', '');
$loading.removeClass('cp-loading-hidden');
$loading.removeClass('cp-loading-transparent');
if (config.newProgress) {
// XXX re-add progress bar for step 6 after password prompt for PPP
// XXX also burn after reading
@ -918,7 +919,8 @@ define([
$loading.find('.cp-loading-progress').remove();
// Hide the spinner
$('.cp-loading-spinner-container').hide();
if (transparent) { $loading.css('opacity', 0.9); }
$loading.removeClass('cp-loading-transparent');
if (transparent) { $loading.addClass('cp-loading-transparent'); }
// Add the error message
var $error = $loading.find('#cp-loading-message').show();