Narrower layout and loading spinner for the install screen language selector. See #28577

Built from https://develop.svn.wordpress.org/trunk@29021


git-svn-id: http://core.svn.wordpress.org/trunk@28809 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
John Blackbourn 2014-07-08 00:33:15 +00:00
parent 64f686b4c8
commit d237bc419d
7 changed files with 68 additions and 6 deletions

View File

@ -313,7 +313,7 @@ body.rtl,
}
body.language-chooser {
max-width: 450px;
max-width: 300px;
}
.language-chooser fieldset {
@ -381,4 +381,33 @@ body.language-chooser {
border: 0;
}
.spinner {
background: url(../images/spinner.gif) no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
visibility: hidden;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 2px 5px 0;
}
.step .spinner {
display: inline-block;
margin-left: 15px;
}
/**
* HiDPI Displays
*/
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.spinner {
background-image: url(../images/spinner-2x.gif);
}
}

File diff suppressed because one or more lines are too long

View File

@ -313,7 +313,7 @@ body.rtl,
}
body.language-chooser {
max-width: 450px;
max-width: 300px;
}
.language-chooser fieldset {
@ -381,4 +381,33 @@ body.language-chooser {
border: 0;
}
.spinner {
background: url(../images/spinner.gif) no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
visibility: hidden;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 2px 5px 0;
}
.step .spinner {
display: inline-block;
margin-right: 15px;
}
/**
* HiDPI Displays
*/
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.spinner {
background-image: url(../images/spinner-2x.gif);
}
}

File diff suppressed because one or more lines are too long

View File

@ -2179,7 +2179,7 @@ function wp_install_language_form( $languages ) {
echo '<label for="language_' . esc_attr( $language['language'] ) . '">' . esc_html( $language['native_name'] ) . "</label>\n";
}
echo "</fieldset>\n";
echo '<p class="step"><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>';
echo '<p class="step"><span class="spinner"></span><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>';
}
/**

View File

@ -36,4 +36,8 @@
setTimeout( maybeRemoveFieldsetFocus, 50);
});
$('form').submit(function(){
$(this).find('.step .spinner').css('visibility','visible');
});
})(jQuery);

View File

@ -1 +1 @@
!function(a){function b(){return c?void setTimeout(b,50):void(a(":focus").hasClass("language-chooser-input")!==!0&&d.removeClass("focus"))}if(a("body").hasClass("language-chooser")!==!1){var c=0,d=a("fieldset");document.body.onmousedown=function(){++c},document.body.onmouseup=function(){--c},d.focusin(function(){a(this).addClass("focus")}),d.focusout(function(){setTimeout(b,50)})}}(jQuery);
!function(a){function b(){return c?void setTimeout(b,50):void(a(":focus").hasClass("language-chooser-input")!==!0&&d.removeClass("focus"))}if(a("body").hasClass("language-chooser")!==!1){var c=0,d=a("fieldset");document.body.onmousedown=function(){++c},document.body.onmouseup=function(){--c},d.focusin(function(){a(this).addClass("focus")}),d.focusout(function(){setTimeout(b,50)}),a("form").submit(function(){a(this).find(".step .spinner").css("visibility","visible")})}}(jQuery);