Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-05-24 23:03:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated login styles to match new 'iconfield' implementation

Browse source
This commit is contained in:
Dave Cranwell 2014-05-20 10:41:08 +01:00
parent 05cbcd7546
commit 7d88d285cd
2 changed files with 29 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/login.scss
View file

@ -82,7 +82,7 @@ form{
.field{
padding:0;
}
.field.icon:before{
.iconfield:before{
display:none;
}
@ -168,25 +168,29 @@ form{
font-size:4em;
}
.field.icon:before{
display:inline-block;
position: absolute;
color:$color-grey-4;
border: 2px solid $color-grey-4;
border-radius: 100%;
width: 1em;
padding: 0.3em;
left: $desktop-nice-padding;
margin-top: -1em;
top: 50%;
font-size:1.5em;
}
.full{
margin:0px (-$desktop-nice-padding);
input{
padding-left:($desktop-nice-padding + 50px);
.iconfield{
&:before{
display:inline-block;
position: absolute;
color:$color-grey-4;
border: 2px solid $color-grey-4;
border-radius: 100%;
width: 1em;
padding: 0.3em;
left: $desktop-nice-padding;
margin-top: -1.1rem;
top: 50%;
font-size:1.3rem;
}
input{
padding-left:($desktop-nice-padding + 50px);
}
}
}
}

12
wagtail/wagtailadmin/templates/wagtailadmin/login.html
View file

@ -28,15 +28,19 @@
<ul class="fields">
<li class="full">
<div class="field icon icon-user">
<div class="field">
{{ form.username.label_tag }}
{{ form.username }}
<div class="input iconfield icon-user">
{{ form.username }}
</div>
</div>
</li>
<li class="full">
<div class="field icon icon-password">
<div class="field">
{{ form.password.label_tag }}
{{ form.password }}
<div class="input iconfield icon-password">
{{ form.password }}
</div>
</div>
{% if show_password_reset %}
<p class="help"><a href="{% url 'django.contrib.auth.views.password_reset' %}">{% trans "Forgotten it?" %}</a></p>