From 8f17092b00cccfb734f2b82ca0c023d491325a91 Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Wed, 14 Aug 2019 14:18:27 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=20longbow-checkb?= =?UTF-8?q?ox=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit #Comment comment display: flex 导致复选框比文字低一个像素 --- .../lib/longbow-checkbox/longbow-checkbox.css | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/Bootstrap.Admin/wwwroot/lib/longbow-checkbox/longbow-checkbox.css b/Bootstrap.Admin/wwwroot/lib/longbow-checkbox/longbow-checkbox.css index 1435adae..a8f5f377 100644 --- a/Bootstrap.Admin/wwwroot/lib/longbow-checkbox/longbow-checkbox.css +++ b/Bootstrap.Admin/wwwroot/lib/longbow-checkbox/longbow-checkbox.css @@ -1,16 +1,16 @@ .form-checkbox { font-weight: 500; - font-size: 14px; cursor: pointer; - display: inline-flex; - align-items: center; + display: inline-block; user-select: none; + white-space: nowrap; margin: 0; } .form-checkbox .checkbox-input { - display: flex; - align-items: center; + display: inline-block; + line-height: 1; + vertical-align: middle; } .form-checkbox .checkbox-input input { @@ -73,3 +73,9 @@ .form-checkbox.is-disabled.is-checked .checkbox-input .checkbox-inner:after { border-color: #c0c4cc; } + +@media (min-width: 576px) { + .form-inline .form-checkbox { + display: inline-block; + } +} \ No newline at end of file