hy-checkbox/lib/Dialog/dialogForm.less

checkbox & radio ui components for react

.@{ult-prefix}-form-dialog{
   .@{ult-prefix}-form-line{
	    width: 100%; min-height: 32px; display: table; margin: 0 0 16px 0;
		.@{ult-prefix}-label{ width: 20%; text-align:  right; display: table-cell; line-height: 32px; padding: 0 16px 0 0; font-size: 12px;}
		.@{ult-prefix}-input{  display: table-cell; width: 80%; }
		.@{ult-prefix}-form-text{ line-height: 32px; display: table-cell;}
		.@{ult-prefix}-slider-contain{ margin:10px 0;
			.@{ult-prefix}-slider{ width: 85%; }
			.@{ult-prefix}-slider-input{ width: 12%; display: inline-block;
			.@{ult-prefix}-input{ width: 100%;}
			}
		}
		
	}
	.@{ult-prefix}-form-group{ position: relative;
	   .@{ult-prefix}-input, .@{ult-prefix}-form-checkbox,.ult-label + .@{ult-prefix}-textarea-group{ width: 70%;
	   &[name="identifyCode"]{width: 50%;}
	   }
	   span.validation-error{position: absolute; left: 140px; top: 25px;  padding-left: 0;
	      &.@{ult-prefix}-form-identifyCode-error::before{ left: -21px;}
		  &.validation-textarea-error{ bottom:@base-space * -2 - 1px; top: auto;}
	   }
	}		
}