innov
/
django1
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Simplified label element CSS in admin login.css. 

Don't add horizontal padding as the label is always displayed on its own
line. This padding added no visual difference.

Move the 'display: block' property from responsive.css to base.css. The
label is already displayed on its own line in all viewports, so reduce
differences in rendering. Using block also allows the label to consume
the width of its container, creating a larger clickable area for a
slight a11y improvement.
This commit is contained in:
Jon Dufresne 2020-06-25 11:58:17 +02:00 committed by Carlton Gibson
parent 60db8b7b37
commit f3e5fba7c5
3 changed files with 1 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
django/contrib/admin/static/admin/css/login.css
View File

@ -42,7 +42,7 @@
} }
.login .form-row label { .login .form-row label {
padding-right: 0.5em; display: block;
line-height: 2em; line-height: 2em;
clear: both; clear: both;
} }

2
django/contrib/admin/static/admin/css/responsive.css
View File

@ -897,9 +897,7 @@ input[type="submit"], button {
} }
.login .form-row label { .login .form-row label {
display: block;
margin: 0 0 5px; margin: 0 0 5px;
padding: 0;
line-height: 1.2; line-height: 1.2;
} }

2
django/contrib/admin/static/admin/css/rtl.css
View File

@ -6,8 +6,6 @@
.login .form-row label { .login .form-row label {
float: right; float: right;
padding-left: 0.5em;
padding-right: 0;
text-align: left; text-align: left;
} }