fix radio & checkbox vertical alignment.

This commit is contained in:
joyqi
2021-09-15 14:15:06 +08:00
parent 7ef5fcabd5
commit a003cffbbb
3 changed files with 38 additions and 27 deletions

View File

@@ -29,6 +29,8 @@ textarea { resize: vertical; line-height: 1.5; }
input[type="radio"], input[type="checkbox"] { margin-right: 3px; }
input[type="radio"], input[type="checkbox"], input[type="radio"] + label, input[type="checkbox"] + label { vertical-align: middle; }
input.text-s, textarea.text-s { padding: 5px; }
input.text-l, textarea.text-l { padding: 10px; font-size: 1.14286em; }

View File

@@ -22,7 +22,14 @@ textarea {
line-height: 1.5;
}
input[type="radio"], input[type="checkbox"] { margin-right: 3px; }
input[type="radio"], input[type="checkbox"] {
margin-right: 3px;
}
input[type="radio"], input[type="checkbox"],
input[type="radio"] + label, input[type="checkbox"] + label {
vertical-align: middle;
}
input, textarea {
&.text-s { padding: 5px; }

View File

@@ -128,36 +128,38 @@ a.button:hover, a.balloon-button:hover {
list-style: none;
margin: 1em 0;
padding: 0;
}
.typecho-option li {
}
&-submit li {
border-bottom: none;
}
.typecho-option-submit li {
border-bottom: none;
}
label {
&.typecho-label {
display: block;
margin-bottom: .5em;
font-weight: bold;
}
.typecho-option label.typecho-label {
display: block;
margin-bottom: .5em;
font-weight: bold;
}
.typecho-option label.required:after {
content: " *";
color: #B94A48;
}
.typecho-option label.typecho-label+input {
}
.typecho-option span { margin-right: 15px; }
.typecho-option .description {
margin: .5em 0 0;
color: #999;
font-size: .92857em;
}
&.required:after {
content: " *";
color: #B94A48;
}
}
.typecho-option input.file {
width: 100%;
margin: .7em 0;
span {
margin-right: 15px;
}
.description {
margin: .5em 0 0;
color: #999;
font-size: .92857em;
}
input.file {
width: 100%;
margin: .7em 0;
}
}
.front-archive {