From ea34ba6d8354ccd1ff7b3642e1701163fd97fcea Mon Sep 17 00:00:00 2001 From: Kartik Visweswaran Date: Mon, 17 Nov 2014 23:48:33 +0530 Subject: [PATCH] Fix #6: Incorrect alignment of inputs, buttons, and error block for INLINE FORM orientation --- assets/css/activeform.css | 16 +++++++++++++--- assets/css/activeform.min.css | 4 ++-- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/assets/css/activeform.css b/assets/css/activeform.css index 6eb169e..dd700e0 100644 --- a/assets/css/activeform.css +++ b/assets/css/activeform.css @@ -1,5 +1,5 @@ /*! - * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2013 + * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 * @package yii2-widgets * @subpackage yii2-widget-activeform * @version 1.1.0 @@ -14,8 +14,18 @@ margin-top: -10px; } -.form-inline > .form-group { - vertical-align: top; +@media (min-width: 768px) { + .form-inline .form-group, .form-inline .form-control { + vertical-align: top; + } + + .form-inline .btn-default { + margin:0; + } + + .form-inline .checkbox, .form-inline .radio { + padding-top: 6px; + } } .input-multiselect { diff --git a/assets/css/activeform.min.css b/assets/css/activeform.min.css index 2df3d51..03b475b 100644 --- a/assets/css/activeform.min.css +++ b/assets/css/activeform.min.css @@ -1,5 +1,5 @@ /*! - * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2013 + * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 * @package yii2-widgets * @subpackage yii2-widget-activeform * @version 1.1.0 @@ -9,4 +9,4 @@ * Author: Kartik Visweswaran * Year: 2014 * For more Yii related demos visit http://demos.krajee.com - */.form-inline-block .btn-default{margin-top:-10px}.form-inline>.form-group{vertical-align:top}.input-multiselect{overflow:auto;min-height:145px!important}.kv-fieldset-inline .form-group{margin:0}.has-success .input-group-btn .btn-default{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .input-group-btn .btn-default.active,.has-success .input-group-btn .btn-default.focus,.has-success .input-group-btn .btn-default:active,.has-success .input-group-btn .btn-default:focus,.has-success .input-group-btn .btn-default:hover,.open>.dropdown-toggle.has-success .input-group-btn .btn-default{color:#fff;background-color:#449d44;border-color:#398439}.has-success .input-group-btn .btn-default.active,.has-success .input-group-btn .btn-default:active,.open>.dropdown-toggle.has-success .input-group-btn .btn-default{background-image:none}.has-success .input-group-btn .btn-default.disabled,.has-success .input-group-btn .btn-default[disabled] .has-success .input-group-btn .btn-default.disabled:hover,.has-success .input-group-btn .btn-default[disabled].active,.has-success .input-group-btn .btn-default[disabled].focus .has-success .input-group-btn .btn-default.disabled:active,.has-success .input-group-btn .btn-default[disabled]:active .has-success .input-group-btn .btn-default.disabled.active,.has-success .input-group-btn .btn-default[disabled]:focus .has-success .input-group-btn .btn-default.disabled.focus,.has-success .input-group-btn .btn-default[disabled]:hover .has-success .input-group-btn .btn-default.disabled:focus{background-color:#5cb85c;border-color:#4cae4c}.has-success .input-group-btn .btn-default .badge{color:#5cb85c;background-color:#fff}.has-error .input-group-btn .btn-default{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .input-group-btn .btn-default.active,.has-error .input-group-btn .btn-default.focus,.has-error .input-group-btn .btn-default:active,.has-error .input-group-btn .btn-default:focus,.has-error .input-group-btn .btn-default:hover,.open>.dropdown-toggle.has-error .input-group-btn .btn-default{color:#fff;background-color:#c9302c;border-color:#ac2925}.has-error .input-group-btn .btn-default.active,.has-error .input-group-btn .btn-default:active,.open>.dropdown-toggle.has-error .input-group-btn .btn-default{background-image:none}.has-error .input-group-btn .btn-default.disabled,.has-error .input-group-btn .btn-default[disabled] .has-error .input-group-btn .btn-default.disabled:hover,.has-error .input-group-btn .btn-default[disabled].active,.has-error .input-group-btn .btn-default[disabled].focus .has-error .input-group-btn .btn-default.disabled:active,.has-error .input-group-btn .btn-default[disabled]:active .has-error .input-group-btn .btn-default.disabled.active,.has-error .input-group-btn .btn-default[disabled]:focus .has-error .input-group-btn .btn-default.disabled.focus,.has-error .input-group-btn .btn-default[disabled]:hover .has-error .input-group-btn .btn-default.disabled:focus{background-color:#d9534f;border-color:#d43f3a}.has-error .input-group-btn .btn-default .badge{color:#d9534f;background-color:#fff} \ No newline at end of file + */.form-inline-block .btn-default{margin-top:-10px}@media (min-width:768px){.form-inline .form-control,.form-inline .form-group{vertical-align:top}.form-inline .btn-default{margin:0}.form-inline .checkbox,.form-inline .radio{padding-top:6px}}.input-multiselect{overflow:auto;min-height:145px!important}.kv-fieldset-inline .form-group{margin:0}.has-success .input-group-btn .btn-default{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .input-group-btn .btn-default.active,.has-success .input-group-btn .btn-default.focus,.has-success .input-group-btn .btn-default:active,.has-success .input-group-btn .btn-default:focus,.has-success .input-group-btn .btn-default:hover,.open>.dropdown-toggle.has-success .input-group-btn .btn-default{color:#fff;background-color:#449d44;border-color:#398439}.has-success .input-group-btn .btn-default.active,.has-success .input-group-btn .btn-default:active,.open>.dropdown-toggle.has-success .input-group-btn .btn-default{background-image:none}.has-success .input-group-btn .btn-default.disabled,.has-success .input-group-btn .btn-default[disabled] .has-success .input-group-btn .btn-default.disabled:hover,.has-success .input-group-btn .btn-default[disabled].active,.has-success .input-group-btn .btn-default[disabled].focus .has-success .input-group-btn .btn-default.disabled:active,.has-success .input-group-btn .btn-default[disabled]:active .has-success .input-group-btn .btn-default.disabled.active,.has-success .input-group-btn .btn-default[disabled]:focus .has-success .input-group-btn .btn-default.disabled.focus,.has-success .input-group-btn .btn-default[disabled]:hover .has-success .input-group-btn .btn-default.disabled:focus{background-color:#5cb85c;border-color:#4cae4c}.has-success .input-group-btn .btn-default .badge{color:#5cb85c;background-color:#fff}.has-error .input-group-btn .btn-default{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .input-group-btn .btn-default.active,.has-error .input-group-btn .btn-default.focus,.has-error .input-group-btn .btn-default:active,.has-error .input-group-btn .btn-default:focus,.has-error .input-group-btn .btn-default:hover,.open>.dropdown-toggle.has-error .input-group-btn .btn-default{color:#fff;background-color:#c9302c;border-color:#ac2925}.has-error .input-group-btn .btn-default.active,.has-error .input-group-btn .btn-default:active,.open>.dropdown-toggle.has-error .input-group-btn .btn-default{background-image:none}.has-error .input-group-btn .btn-default.disabled,.has-error .input-group-btn .btn-default[disabled] .has-error .input-group-btn .btn-default.disabled:hover,.has-error .input-group-btn .btn-default[disabled].active,.has-error .input-group-btn .btn-default[disabled].focus .has-error .input-group-btn .btn-default.disabled:active,.has-error .input-group-btn .btn-default[disabled]:active .has-error .input-group-btn .btn-default.disabled.active,.has-error .input-group-btn .btn-default[disabled]:focus .has-error .input-group-btn .btn-default.disabled.focus,.has-error .input-group-btn .btn-default[disabled]:hover .has-error .input-group-btn .btn-default.disabled:focus{background-color:#d9534f;border-color:#d43f3a}.has-error .input-group-btn .btn-default .badge{color:#d9534f;background-color:#fff} \ No newline at end of file