diff --git a/admin-dev/themes/default/css/admin-theme.css b/admin-dev/themes/default/css/admin-theme.css index f23c67a78..db155bcd5 100644 --- a/admin-dev/themes/default/css/admin-theme.css +++ b/admin-dev/themes/default/css/admin-theme.css @@ -9565,6 +9565,44 @@ textarea { .ladda-button[data-size=xl] .ladda-label { font-size: 1.5em; } +/* line 1, admin-theme/_admin-login.sass */ +.flip-container { + perspective: 1000; } + +/* line 4, admin-theme/_admin-login.sass */ +.flip-container:hover .flipper, .flip-container.hover .flipper { + transform: rotateY(180deg); } + +/* line 8, admin-theme/_admin-login.sass */ +.flip-container, .front, .back { + width: 420px; + height: 420px; } + +/* line 14, admin-theme/_admin-login.sass */ +.flipper { + transition: 0.6s; + transform-style: preserve-3d; + position: relative; } + +/* line 19, admin-theme/_admin-login.sass */ +.front, .back { + backface-visibility: hidden; + position: absolute; + top: 0; + left: 0; } + +/* line 26, admin-theme/_admin-login.sass */ +.front { + z-index: 2; } + +/* line 29, admin-theme/_admin-login.sass */ +.back { + transform: rotateY(180deg); } + +/* line 32, admin-theme/_admin-login.sass */ +.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper { + transform: rotateY(180deg); } + /* line 1, admin-theme/_admin-carrier-wizard.sass */ #carrier_wizard { position: relative; diff --git a/admin-dev/themes/default/css/admin-theme.sass b/admin-dev/themes/default/css/admin-theme.sass index 832eed756..1866afa82 100755 --- a/admin-dev/themes/default/css/admin-theme.sass +++ b/admin-dev/themes/default/css/admin-theme.sass @@ -106,8 +106,8 @@ fieldset > .row @import "admin-theme/ladda" @import "admin-theme/ladda-theme" - //page specific +@import "admin-theme/admin-login" @import "admin-theme/admin-carrier-wizard" @import "admin-theme/admin-modules" @import "admin-theme/admin-dashboard" diff --git a/admin-dev/themes/default/css/admin-theme/_admin-login.sass b/admin-dev/themes/default/css/admin-theme/_admin-login.sass new file mode 100644 index 000000000..f8e4e10de --- /dev/null +++ b/admin-dev/themes/default/css/admin-theme/_admin-login.sass @@ -0,0 +1,35 @@ +.flip-container + perspective: 1000 + +.flip-container:hover .flipper, +.flip-container.hover .flipper + transform: rotateY(180deg) + +.flip-container, +.front, +.back + width: 420px + height: 420px + +.flipper + transition: 0.6s + transform-style: preserve-3d + position: relative + +.front, +.back + backface-visibility: hidden + position: absolute + top: 0 + left: 0 + +.front + z-index: 2 + +.back + transform: rotateY(180deg) + +.flip-container:hover .flipper, +.flip-container.hover .flipper, +.flip-container.flip .flipper + transform: rotateY(180deg) \ No newline at end of file diff --git a/admin-dev/themes/default/template/controllers/login/content.tpl b/admin-dev/themes/default/template/controllers/login/content.tpl index 941033a2c..d0d6bb817 100755 --- a/admin-dev/themes/default/template/controllers/login/content.tpl +++ b/admin-dev/themes/default/template/controllers/login/content.tpl @@ -31,124 +31,132 @@
-
-

- - PRESTASHOP -

-

{$shop_name}

-
-
- {if isset($errors)} -

- {if $nbErrors > 1} - {l s='There are %d errors.' sprintf=$nbErrors} - {else}{l s='There is %d error.' sprintf=$nbErrors} +
+
+
+

+ + PRESTASHOP +

+

{$shop_name}

+
+
+ {if isset($errors)} +

+ {if $nbErrors > 1} + {l s='There are %d errors.' sprintf=$nbErrors} + {else}{l s='There is %d error.' sprintf=$nbErrors} + {/if} +

+
    + {foreach from=$errors item="error"} +
  1. {$error}
    2. + {/foreach} +
+ {/if} +
+ + {if isset($warningSslMessage)} +
{$warningSslMessage}
{/if} -

-
    - {foreach from=$errors item="error"} -
  1. {$error}
    2. - {/foreach} -
- {/if} + + {if !isset($wrong_folder_name) && !isset($wrong_install_name)} +
+
+ +
+ + +
+
+
+ + {l s='Lost password'}… + + +
+ + +
+
+
+
+ +
+
+
+
+ +
+ +
+
+
+ +
+
+

+ + {l s='Forgot your password?'} +

+

{l s='In order to receive your access code by email, please enter the address you provided during the registration process.'}

+
+
+ +
+ + +
+
+
+
+ + +
+
+
- {if isset($warningSslMessage)} -
{$warningSslMessage}
- {/if} - {if !isset($wrong_folder_name) && !isset($wrong_install_name)} -
-
- -
- - -
-
-
- - {l s='Lost password'}… - - -
- - -
-
-
-
- -
-
-
-
- -
- -
- -
-
-

- - {l s='Forgot your password?'} -

-

{l s='In order to receive your access code by email, please enter the address you provided during the registration process.'}

-
-
- -
- - -
-
-
-
- - -
-
{else}

{l s='For security reasons, you cannot connect to the Back Office until after you have:'}

@@ -167,6 +175,7 @@

{/if} +
diff --git a/js/login.js b/js/login.js index 34a3bcaaf..21736541b 100644 --- a/js/login.js +++ b/js/login.js @@ -74,6 +74,9 @@ function feedbackSubmit() { function displayForgotPassword() { $('#error').hide(); + + document.querySelector("#login").toggle("flip"); + $('#login_form').fadeOut('fast', function () { $("#forgot_password_form").removeClass('hide').fadeIn('fast'); // Focus on email address forgot field