Refs #34095 -- Changed more properties to use rem units in admin CSS.

This commit is contained in:
SwastikTripathi 2022-11-22 13:28:48 +00:00 committed by Mariusz Felisiak
parent e8dcef155c
commit e20fd899be
4 changed files with 24 additions and 24 deletions

View File

@ -194,7 +194,7 @@ li ul {
li, dt, dd { li, dt, dd {
font-size: 0.8125rem; font-size: 0.8125rem;
line-height: 20px; line-height: 1.25rem;
} }
dt { dt {
@ -308,7 +308,7 @@ table {
td, th { td, th {
font-size: 0.8125rem; font-size: 0.8125rem;
line-height: 16px; line-height: 1rem;
border-bottom: 1px solid var(--hairline-color); border-bottom: 1px solid var(--hairline-color);
vertical-align: top; vertical-align: top;
padding: 8px; padding: 8px;
@ -501,7 +501,7 @@ textarea:focus, select:focus, .vTextField:focus {
} }
select { select {
height: 30px; height: 1.875rem;
} }
select[multiple] { select[multiple] {
@ -761,7 +761,7 @@ a.deletelink:focus, a.deletelink:hover {
display: block; display: block;
float: left; float: left;
margin-left: 5px; margin-left: 5px;
height: 16px; height: 1rem;
} }
.object-tools a { .object-tools a {
@ -1059,8 +1059,8 @@ a.deletelink:focus, a.deletelink:hover {
.delete-confirmation form .cancel-link { .delete-confirmation form .cancel-link {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
height: 15px; height: 0.9375rem;
line-height: 15px; line-height: 0.9375rem;
border-radius: 4px; border-radius: 4px;
padding: 10px 15px; padding: 10px 15px;
color: var(--button-fg); color: var(--button-fg);

View File

@ -83,7 +83,7 @@ form ul.inline li {
content: ''; content: '';
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
height: 26px; height: 1.625rem;
} }
.aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly { .aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly {
@ -277,8 +277,8 @@ body.popup .submit-row {
} }
.submit-row input { .submit-row input {
height: 35px; height: 2.1875rem;
line-height: 15px; line-height: 0.9375rem;
} }
.submit-row input, .submit-row a { .submit-row input, .submit-row a {
@ -297,9 +297,9 @@ body.popup .submit-row {
display: block; display: block;
background: var(--delete-button-bg); background: var(--delete-button-bg);
border-radius: 4px; border-radius: 4px;
padding: 10px 15px; padding: 0.625rem 0.9375rem;
height: 15px; height: 0.9375rem;
line-height: 15px; line-height: 0.9375rem;
color: var(--button-fg); color: var(--button-fg);
} }
@ -308,8 +308,8 @@ body.popup .submit-row {
background: var(--close-button-bg); background: var(--close-button-bg);
border-radius: 4px; border-radius: 4px;
padding: 10px 15px; padding: 10px 15px;
height: 15px; height: 0.9375rem;
line-height: 15px; line-height: 0.9375rem;
color: var(--button-fg); color: var(--button-fg);
} }
@ -524,8 +524,8 @@ body.popup .submit-row {
} }
.related-lookup { .related-lookup {
width: 16px; width: 1rem;
height: 16px; height: 1rem;
background-image: url(../img/search.svg); background-image: url(../img/search.svg);
} }

View File

@ -104,13 +104,13 @@ input[type="submit"], button {
} }
#changelist-search label { #changelist-search label {
line-height: 22px; line-height: 1.375rem;
} }
#toolbar form #searchbar { #toolbar form #searchbar {
flex: 1 0 auto; flex: 1 0 auto;
width: 0; width: 0;
height: 22px; height: 1.375rem;
margin: 0 10px 0 6px; margin: 0 10px 0 6px;
} }
@ -186,12 +186,12 @@ input[type="submit"], button {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 6px 8px; padding: 6px 8px;
min-height: 36px; min-height: 2.25rem;
font-size: 0.875rem; font-size: 0.875rem;
} }
.form-row select { .form-row select {
height: 36px; height: 2.25rem;
} }
.form-row select[multiple] { .form-row select[multiple] {
@ -957,7 +957,7 @@ input[type="submit"], button {
.calendar-shortcuts { .calendar-shortcuts {
padding: 10px 0; padding: 10px 0;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 12px; line-height: 0.75rem;
} }
.calendar-shortcuts a { .calendar-shortcuts a {

View File

@ -277,8 +277,8 @@ a.active.selector-clearall:focus, a.active.selector-clearall:hover {
.selector .search-label-icon { .selector .search-label-icon {
background: url(../img/search.svg) 0 0 no-repeat; background: url(../img/search.svg) 0 0 no-repeat;
display: inline-block; display: inline-block;
height: 18px; height: 1.125rem;
width: 18px; width: 1.125rem;
} }
/* DATE AND TIME */ /* DATE AND TIME */
@ -498,7 +498,7 @@ span.clearable-file-input label {
background: var(--body-bg); background: var(--body-bg);
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 0.6875rem; font-size: 0.6875rem;
line-height: 11px; line-height: 0.6875rem;
border-top: 1px solid var(--hairline-color); border-top: 1px solid var(--hairline-color);
padding: 8px 0; padding: 8px 0;
} }