dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// tweak on login form : it’s a trap!

Browse Source
This commit is contained in:
Kevin Granger
2013-12-02 11:35:21 +01:00
parent 909983bcbf
commit 79b1b07cce
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/css/admin-theme.css
+2 -1
View File
@@ -3082,13 +3082,14 @@ a.link-social:hover { text-decoration: none; }
#login-panel { margin: 0 auto; width: 420px; } #login-panel { margin: 0 auto; width: 420px; }
#login-panel .panel, #login-panel #header_notifs_icon_wrapper .notifs_panel, #header_notifs_icon_wrapper #login-panel .notifs_panel, #login-panel .bootstrap #dash_version, .bootstrap #login-panel #dash_version { -webkit-box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px; box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px; } #login-panel .panel, #login-panel #header_notifs_icon_wrapper .notifs_panel, #header_notifs_icon_wrapper #login-panel .notifs_panel, #login-panel .bootstrap #dash_version, .bootstrap #login-panel #dash_version { -webkit-box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px; box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px; }
#login-panel .panel-footer, #login-panel #header_notifs_icon_wrapper .notifs_panel .notifs_panel_footer, #header_notifs_icon_wrapper .notifs_panel #login-panel .notifs_panel_footer { margin: 0 -20px -20px; } #login-panel .panel-footer, #login-panel #header_notifs_icon_wrapper .notifs_panel .notifs_panel_footer, #header_notifs_icon_wrapper .notifs_panel #login-panel .notifs_panel_footer { height: inherit; margin: 0 -20px -20px; }
#login-panel .flip-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; height: 370px; } #login-panel .flip-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; height: 370px; }
#login-panel .flip-container.flip .flipper { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } #login-panel .flip-container.flip .flipper { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
#login-panel .flipper { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } #login-panel .flipper { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; }
#login-panel .front, #login-panel .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; width: 420px; padding: 20px; position: absolute; top: 0; left: 0; } #login-panel .front, #login-panel .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; width: 420px; padding: 20px; position: absolute; top: 0; left: 0; }
#login-panel .front { z-index: 2; } #login-panel .front { z-index: 2; }
#login-panel .back { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } #login-panel .back { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
#login-panel #remind-me { margin-top: 0; }
#login-footer a { color: #a0aab5; } #login-footer a { color: #a0aab5; }
admin-dev/themes/default/scss/admin-theme/_admin-login.sass
+3 -5
View File
@@ -16,19 +16,17 @@
.panel .panel
@include box-shadow(rgba(white,0.45) 0 0 0 6px) @include box-shadow(rgba(white,0.45) 0 0 0 6px)
.panel-footer .panel-footer
height: inherit
margin: 0 -20px -20px margin: 0 -20px -20px
.flip-container .flip-container
@include perspective(1000px) @include perspective(1000px)
height: 370px height: 370px
&.flip .flipper &.flip .flipper
@include rotateY(180deg) @include rotateY(180deg)
.flipper .flipper
@include transition-duration(0.6s) @include transition-duration(0.6s)
@include transform-style @include transform-style
position: relative position: relative
.front, .back .front, .back
@include backface-visibility(hidden) @include backface-visibility(hidden)
width: 420px width: 420px
@@ -36,12 +34,12 @@
position: absolute position: absolute
top: 0 top: 0
left: 0 left: 0
.front .front
z-index: 2 z-index: 2
.back .back
@include rotateY(180deg) @include rotateY(180deg)
#remind-me
margin-top: 0
#login-footer #login-footer
a a
admin-dev/themes/default/template/controllers/login/content.tpl
+5 -6
View File
@@ -78,9 +78,6 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<a href="#" class="show-forgot-password pull-right" >
{l s='Lost password'}
</a>
<label class="control-label" for="passwd"> <label class="control-label" for="passwd">
{l s='Password'} {l s='Password'}
</label> </label>
@@ -96,15 +93,17 @@
placeholder="{l s='Password'}" /> placeholder="{l s='Password'}" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group clearfix">
<div class="checkbox"> <div id="remind-me" class="checkbox pull-left">
<label for="stay_logged_in"> <label for="stay_logged_in">
<input name="stay_logged_in" type="checkbox" id="stay_logged_in" value="1" tabindex="3"/> <input name="stay_logged_in" type="checkbox" id="stay_logged_in" value="1" tabindex="3"/>
{l s='Keep me logged in'} {l s='Keep me logged in'}
</label> </label>
</div> </div>
<a href="#" class="show-forgot-password pull-right" >
{l s='Lost password'}
</a>
</div> </div>
<hr/>
<div class="panel-footer"> <div class="panel-footer">
<button name="submitLogin" type="submit" tabindex="4" class="btn btn-default btn-lg btn-block ladda-button" data-style="slide-up" data-spinner-color="black" > <button name="submitLogin" type="submit" tabindex="4" class="btn btn-default btn-lg btn-block ladda-button" data-style="slide-up" data-spinner-color="black" >
<span class="ladda-label"> <span class="ladda-label">