orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor: 优化 longbow-checkbox 样式 

#Comment
comment display: flex 导致复选框比文字低一个像素
This commit is contained in:
Argo Zhang 2019-08-14 14:18:27 +08:00
parent 7f26cf4efe
commit 8f17092b00
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Bootstrap.Admin/wwwroot/lib/longbow-checkbox/longbow-checkbox.css
View File

@ -1,16 +1,16 @@
.form-checkbox { .form-checkbox {
font-weight: 500; font-weight: 500;
font-size: 14px;
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-block;
align-items: center;
user-select: none; user-select: none;
white-space: nowrap;
margin: 0; margin: 0;
} }
.form-checkbox .checkbox-input { .form-checkbox .checkbox-input {
display: flex; display: inline-block;
align-items: center; line-height: 1;
vertical-align: middle;
} }
.form-checkbox .checkbox-input input { .form-checkbox .checkbox-input input {
@ -73,3 +73,9 @@
.form-checkbox.is-disabled.is-checked .checkbox-input .checkbox-inner:after { .form-checkbox.is-disabled.is-checked .checkbox-input .checkbox-inner:after {
border-color: #c0c4cc; border-color: #c0c4cc;
} }
@media (min-width: 576px) {
.form-inline .form-checkbox {
display: inline-block;
}
}