Commit e83e3c74 authored by Sam Bigelow's avatar Sam Bigelow

Apply improved styling based on UX feedback

- Only apply extra margins and borders between checkbox components
- Change cursor to `not-allowed` when checkbox is disabled
- Adjust handling of inline checkbox styling vs block
parent 9bf141cf
......@@ -248,14 +248,24 @@ label {
.gl-form-checkbox {
align-items: baseline;
margin-right: 1rem;
margin-bottom: 0.25rem;
.form-check-input {
margin-right: 0;
}
.form-check-label {
padding-left: $gl-padding-8;
}
&.form-check-inline .form-check-input {
align-self: flex-start;
margin-right: $gl-padding-8;
height: 1.5 * $gl-font-size;
}
.help-text {
margin-bottom: 0;
.form-check-input:disabled,
.form-check-input:disabled ~ .form-check-label {
cursor: not-allowed;
}
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment