p31829507
/
django
mirror of https://github.com/django/django.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fixed #33434 -- Changed font-size in admin CSS to use rem units.

This commit is contained in:
ravi kunwar 2022-01-16 01:36:58 +05:30 committed by Mariusz Felisiak
parent ee13588f45
commit 1f42a352e0
7 changed files with 79 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
django/contrib/admin/static/admin/css/base.css
View File

@ -64,7 +64,7 @@ html, body {
body {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
color: var(--body-fg);
background: var(--body-bg);
@ -117,12 +117,12 @@ h1,h2,h3,h4,h5 {
h1 {
margin: 0 0 20px;
font-weight: 300;
font-size: 20px;
font-size: 1.25rem;
color: var(--body-quiet-color);
}
h2 {
font-size: 16px;
font-size: 1rem;
margin: 1em 0 .5em 0;
}
@ -132,20 +132,20 @@ h2.subhead {
}
h3 {
font-size: 14px;
font-size: 0.875rem;
margin: .8em 0 .3em 0;
color: var(--body-quiet-color);
font-weight: bold;
}
h4 {
font-size: 12px;
font-size: 0.75rem;
margin: 1em 0 .8em 0;
padding-bottom: 3px;
}
h5 {
font-size: 10px;
font-size: 0.625rem;
margin: 1.5em 0 .5em 0;
color: var(--body-quiet-color);
text-transform: uppercase;
@ -162,7 +162,7 @@ li ul {
}
li, dt, dd {
font-size: 13px;
font-size: 0.8125rem;
line-height: 20px;
}
@ -189,7 +189,7 @@ fieldset {
}
blockquote {
font-size: 11px;
font-size: 0.6875rem;
color: #777;
margin-left: 2px;
padding-left: 10px;
@ -199,7 +199,7 @@ blockquote {
code, pre {
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
color: var(--body-quiet-color);
font-size: 12px;
font-size: 0.75rem;
overflow-x: auto;
}
@ -227,15 +227,15 @@ hr {
/* TEXT STYLES & MODIFIERS */
.small {
font-size: 11px;
font-size: 0.6875rem;
}
.mini {
font-size: 10px;
font-size: 0.625rem;
}
.help, p.help, form p.help, div.help, form div.help, div.help li {
font-size: 11px;
font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@ -276,7 +276,7 @@ table {
}
td, th {
font-size: 13px;
font-size: 0.8125rem;
line-height: 16px;
border-bottom: 1px solid var(--hairline-color);
vertical-align: top;
@ -292,7 +292,7 @@ thead th,
tfoot td {
color: var(--body-quiet-color);
padding: 5px 10px;
font-size: 11px;
font-size: 0.6875rem;
background: var(--body-bg);
border: none;
border-top: 1px solid var(--hairline-color);
@ -402,7 +402,7 @@ table thead th.sorted .sortoptions a.sortremove:after {
top: -6px;
left: 3px;
font-weight: 200;
font-size: 18px;
font-size: 1.125rem;
color: var(--body-quiet-color);
}
@ -443,7 +443,7 @@ input, textarea, select, .form-row p, form .button {
vertical-align: middle;
font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
font-size: 0.8125rem;
}
.form-row div.help {
padding: 2px 3px;
@ -554,7 +554,7 @@ input[type=button][disabled].default {
margin: 0;
padding: 8px;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
text-align: left;
background: var(--primary);
color: var(--header-link-color);
@ -562,7 +562,7 @@ input[type=button][disabled].default {
.module caption,
.inline-group h2 {
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 0.5px;
text-transform: uppercase;
}
@ -581,7 +581,7 @@ ul.messagelist {
ul.messagelist li {
display: block;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
padding: 10px 10px 10px 65px;
margin: 0 0 10px 0;
background: var(--message-success-bg) url(../img/icon-yes.svg) 40px 12px no-repeat;
@ -601,7 +601,7 @@ ul.messagelist li.error {
}
.errornote {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
display: block;
padding: 10px 12px;
@ -622,7 +622,7 @@ ul.errorlist {
}
ul.errorlist li {
font-size: 13px;
font-size: 0.8125rem;
display: block;
margin-bottom: 4px;
overflow-wrap: break-word;
@ -663,7 +663,7 @@ td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea {
}
.description {
font-size: 12px;
font-size: 0.75rem;
padding: 5px 0 0 12px;
}
@ -719,7 +719,7 @@ a.deletelink:focus, a.deletelink:hover {
/* OBJECT TOOLS */
.object-tools {
font-size: 10px;
font-size: 0.625rem;
font-weight: bold;
padding-left: 0;
float: right;
@ -745,7 +745,7 @@ a.deletelink:focus, a.deletelink:hover {
background: var(--object-tools-bg);
color: var(--object-tools-fg);
font-weight: 400;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@ -894,7 +894,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0;
margin: 0 20px 0 0;
font-weight: 300;
font-size: 24px;
font-size: 1.5rem;
color: var(--accent);
}
@ -904,7 +904,7 @@ a.deletelink:focus, a.deletelink:hover {
#branding h2 {
padding: 0 10px;
font-size: 14px;
font-size: 0.875rem;
margin: -8px 0 8px 0;
font-weight: normal;
color: var(--header-color);
@ -919,7 +919,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0;
margin: 0 0 0 20px;
font-weight: 300;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: right;
@ -952,7 +952,7 @@ a.deletelink:focus, a.deletelink:hover {
}
#content-related h4 {
font-size: 13px;
font-size: 0.8125rem;
}
#content-related p {
@ -976,7 +976,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 16px;
margin-bottom: 16px;
border-bottom: 1px solid var(--hairline-color);
font-size: 18px;
font-size: 1.125rem;
color: var(--body-fg);
}
@ -1027,7 +1027,7 @@ a.deletelink:focus, a.deletelink:hover {
/* PAGINATOR */
.paginator {
font-size: 13px;
font-size: 0.8125rem;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
@ -1061,7 +1061,7 @@ a.deletelink:focus, a.deletelink:hover {
.paginator .this-page {
padding: 2px 6px;
font-weight: bold;
font-size: 13px;
font-size: 0.8125rem;
vertical-align: top;
}

18
django/contrib/admin/static/admin/css/changelists.css
View File

@ -84,7 +84,7 @@
#toolbar form input {
border-radius: 4px;
font-size: 14px;
font-size: 0.875rem;
padding: 5px;
color: var(--body-fg);
}
@ -95,7 +95,7 @@
padding: 2px 5px;
margin: 0;
vertical-align: top;
font-size: 13px;
font-size: 0.8125rem;
max-width: 100%;
}
@ -105,7 +105,7 @@
#toolbar form input[type="submit"] {
border: 1px solid var(--border-color);
font-size: 13px;
font-size: 0.8125rem;
padding: 4px 8px;
margin: 0;
vertical-align: middle;
@ -140,7 +140,7 @@
}
#changelist-filter h2 {
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 15px;
@ -193,7 +193,7 @@
}
#changelist-filter #changelist-filter-clear a {
font-size: 13px;
font-size: 0.8125rem;
padding-bottom: 10px;
border-bottom: 1px solid var(--hairline-color);
}
@ -253,7 +253,7 @@
#changelist .actions span.action-counter,
#changelist .actions span.clear,
#changelist .actions span.question {
font-size: 13px;
font-size: 0.8125rem;
margin: 0 0.5em;
}
@ -267,7 +267,7 @@
color: var(--body-fg);
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 14px;
font-size: 0.875rem;
padding: 0 0 0 4px;
margin: 0;
margin-left: 10px;
@ -280,11 +280,11 @@
#changelist .actions label {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-size: 0.8125rem;
}
#changelist .actions .button {
font-size: 13px;
font-size: 0.8125rem;
border: 1px solid var(--border-color);
border-radius: 4px;
background: var(--body-bg);

14
django/contrib/admin/static/admin/css/forms.css
View File

@ -5,7 +5,7 @@
.form-row {
overflow: hidden;
padding: 10px;
font-size: 13px;
font-size: 0.8125rem;
border-bottom: 1px solid var(--hairline-color);
}
@ -27,7 +27,7 @@ form .form-row p {
label {
font-weight: normal;
color: var(--body-quiet-color);
font-size: 13px;
font-size: 0.8125rem;
}
.required label, label.required {
@ -393,7 +393,7 @@ body.popup .submit-row {
margin: 0;
color: var(--body-quiet-color);
padding: 5px;
font-size: 13px;
font-size: 0.8125rem;
background: var(--darkened-bg);
border-top: 1px solid var(--hairline-color);
border-bottom: 1px solid var(--hairline-color);
@ -405,7 +405,7 @@ body.popup .submit-row {
.inline-related h3 span.delete label {
margin-left: 2px;
font-size: 11px;
font-size: 0.6875rem;
}
.inline-related fieldset {
@ -418,7 +418,7 @@ body.popup .submit-row {
.inline-related fieldset.module h3 {
margin: 0;
padding: 2px 5px 3px 5px;
font-size: 11px;
font-size: 0.6875rem;
text-align: left;
font-weight: bold;
background: #bcd;
@ -459,7 +459,7 @@ body.popup .submit-row {
height: 1.1em;
padding: 2px 9px;
overflow: hidden;
font-size: 9px;
font-size: 0.5625rem;
font-weight: bold;
color: var(--body-quiet-color);
_width: 700px;
@ -494,7 +494,7 @@ body.popup .submit-row {
.inline-group .tabular tr.add-row td a {
background: url(../img/icon-addlink.svg) 0 1px no-repeat;
padding-left: 16px;
font-size: 12px;
font-size: 0.75rem;
}
.empty-form {

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

@ -12,7 +12,7 @@
}
.login #header h1 {
font-size: 18px;
font-size: 1.125rem;
margin: 0;
}

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

@ -16,7 +16,7 @@
border-right: 1px solid var(--hairline-color);
background-color: var(--body-bg);
cursor: pointer;
font-size: 20px;
font-size: 1.25rem;
color: var(--link-fg);
padding: 0;
}

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

@ -14,11 +14,11 @@ input[type="submit"], button {
td, th {
padding: 10px;
font-size: 14px;
font-size: 0.875rem;
}
.small {
font-size: 12px;
font-size: 0.75rem;
}
/* Layout */
@ -45,7 +45,7 @@ input[type="submit"], button {
#branding h1 {
margin: 0 0 8px;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
}
@ -88,7 +88,7 @@ input[type="submit"], button {
}
td .changelink, td .addlink {
font-size: 13px;
font-size: 0.8125rem;
}
/* Changelist */
@ -148,7 +148,7 @@ input[type="submit"], button {
#changelist .actions span.clear,
#changelist .actions span.question,
#changelist .actions span.action-counter {
font-size: 11px;
font-size: 0.6875rem;
margin: 0 10px 0 0;
}
@ -172,7 +172,7 @@ input[type="submit"], button {
/* Forms */
label {
font-size: 14px;
font-size: 0.875rem;
}
.form-row input[type=text],
@ -188,7 +188,7 @@ input[type="submit"], button {
margin: 0;
padding: 6px 8px;
min-height: 36px;
font-size: 14px;
font-size: 0.875rem;
}
.form-row select {
@ -405,12 +405,12 @@ input[type="submit"], button {
}
.datetime span {
font-size: 13px;
font-size: 0.8125rem;
}
.datetime .timezonewarning {
display: block;
font-size: 11px;
font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@ -508,7 +508,7 @@ input[type="submit"], button {
#content-related .module h2 {
padding: 10px 15px;
font-size: 16px;
font-size: 1rem;
}
/* Changelist */
@ -634,7 +634,7 @@ input[type="submit"], button {
.aligned p.file-upload {
margin-left: 0;
font-size: 13px;
font-size: 0.8125rem;
}
span.clearable-file-input {
@ -642,7 +642,7 @@ input[type="submit"], button {
}
span.clearable-file-input label {
font-size: 13px;
font-size: 0.8125rem;
padding-bottom: 0;
}
@ -919,7 +919,7 @@ input[type="submit"], button {
.errornote {
margin: 0 0 20px;
padding: 8px 12px;
font-size: 13px;
font-size: 0.8125rem;
}
/* Calendar and clock */
@ -966,7 +966,7 @@ input[type="submit"], button {
.calendar-shortcuts {
padding: 10px 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 12px;
}
@ -999,7 +999,7 @@ input[type="submit"], button {
/* History */
table#change-history tbody th, table#change-history tbody td {
font-size: 13px;
font-size: 0.8125rem;
word-break: break-word;
}
@ -1010,7 +1010,7 @@ input[type="submit"], button {
/* Docs */
table.model tbody th, table.model tbody td {
font-size: 13px;
font-size: 0.8125rem;
word-break: break-word;
}
}

28
django/contrib/admin/static/admin/css/widgets.css
View File

@ -44,7 +44,7 @@
border-width: 0 1px;
padding: 8px;
color: var(--body-quiet-color);
font-size: 10px;
font-size: 0.625rem;
margin: 0;
text-align: left;
}
@ -273,7 +273,7 @@ p.datetime {
.datetime span {
white-space: nowrap;
font-weight: normal;
font-size: 11px;
font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@ -283,7 +283,7 @@ p.datetime {
}
table p.datetime {
font-size: 11px;
font-size: 0.6875rem;
margin-left: 0;
padding-left: 0;
}
@ -317,7 +317,7 @@ table p.datetime {
}
.timezonewarning {
font-size: 11px;
font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@ -328,7 +328,7 @@ p.url {
margin: 0;
padding: 0;
color: var(--body-quiet-color);
font-size: 11px;
font-size: 0.6875rem;
font-weight: bold;
}
@ -343,7 +343,7 @@ p.file-upload {
margin: 0;
padding: 0;
color: var(--body-quiet-color);
font-size: 11px;
font-size: 0.6875rem;
font-weight: bold;
}
@ -361,7 +361,7 @@ p.file-upload {
span.clearable-file-input label {
color: var(--body-fg);
font-size: 11px;
font-size: 0.6875rem;
display: inline;
float: none;
}
@ -370,7 +370,7 @@ span.clearable-file-input label {
.calendarbox, .clockbox {
margin: 5px auto;
font-size: 12px;
font-size: 0.75rem;
width: 19em;
text-align: center;
background: var(--body-bg);
@ -404,7 +404,7 @@ span.clearable-file-input label {
text-align: center;
border-top: none;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
color: #333;
background: var(--accent);
}
@ -414,14 +414,14 @@ span.clearable-file-input label {
background: var(--darkened-bg);
border-bottom: 1px solid var(--border-color);
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-align: center;
color: var(--body-quiet-color);
}
.calendar td {
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-align: center;
padding: 0;
border-top: 1px solid var(--hairline-color);
@ -461,7 +461,7 @@ span.clearable-file-input label {
}
.calendarnav {
font-size: 10px;
font-size: 0.625rem;
text-align: center;
color: #ccc;
margin: 0;
@ -476,7 +476,7 @@ span.clearable-file-input label {
.calendar-shortcuts {
background: var(--body-bg);
color: var(--body-quiet-color);
font-size: 11px;
font-size: 0.6875rem;
line-height: 11px;
border-top: 1px solid var(--hairline-color);
padding: 8px 0;
@ -515,7 +515,7 @@ span.clearable-file-input label {
.calendar-cancel {
margin: 0;
padding: 4px 0;
font-size: 12px;
font-size: 0.75rem;
background: #eee;
border-top: 1px solid var(--border-color);
color: var(--body-fg);