Lessen hover effect on checkbox buttons.

This commit is contained in:
Christopher Charbonneau Wells 2018-02-17 17:24:41 -05:00
parent 5dc372281b
commit 7d3d13338e
2 changed files with 8 additions and 1 deletions

View File

@ -20,3 +20,10 @@
.invalid-feedback { .invalid-feedback {
display: block; display: block;
} }
// Disable hover effect on buttons (used for checkbox buttons).
.btn-no-hover:hover {
color: inherit;
background-color: inherit;
border-color: inherit;
}

View File

@ -8,7 +8,7 @@
<div class="col-sm-10"> <div class="col-sm-10">
{% if field|field_type == "booleanfield" %} {% if field|field_type == "booleanfield" %}
<div class="btn-group-toggle" data-toggle="buttons"> <div class="btn-group-toggle" data-toggle="buttons">
<label for="id_{{ field.name }}" class="btn btn-outline-light{% if field.value %} active{% endif %}"> <label for="id_{{ field.name }}" class="btn btn-outline-light btn-no-hover{% if field.value %} active{% endif %}">
{% if field.errors %} {% if field.errors %}
{{ field|add_class:"is-invalid" }} {{ field|add_class:"is-invalid" }}
{% else %} {% else %}