0002-manager-add-styles-for-weekdays-buttons-group-50560.patch
chrono/manager/static/css/style.scss | ||
---|---|---|
446 | 446 |
form div.widget[id^=id_recurrence] { |
447 | 447 |
padding-left: 1em; |
448 | 448 |
} |
449 | ||
450 |
// weekdays buttons group |
|
451 |
// display weeks checkboxs to buttons group |
|
452 |
.weekdays-buttons-group { |
|
453 |
display: table; |
|
454 |
border-collapse: collapse; |
|
455 |
font-size: 1.2em; |
|
456 |
margin: 0.2em 0px; |
|
457 |
overflow: hidden; |
|
458 |
input { |
|
459 |
display: none; |
|
460 |
} |
|
461 |
label { |
|
462 |
display: table-cell; |
|
463 |
border: 1px solid #386ede; |
|
464 |
padding: 0.33em 0.66em; |
|
465 |
color: #386ede; |
|
466 |
cursor: pointer; |
|
467 |
font-weight: 500; |
|
468 |
line-height: 1; |
|
469 | ||
470 |
&:hover { |
|
471 |
background-color: #eee; |
|
472 |
} |
|
473 |
} |
|
474 |
input:checked + label { |
|
475 |
background-color: #386ede; |
|
476 |
color: white; |
|
477 |
border-color: #386ede white; |
|
478 |
} |
|
479 |
} |
chrono/manager/templates/chrono/widgets/weekdays.html | ||
---|---|---|
1 | 1 |
{% spaceless %} |
2 |
<span id="{{ widget.attrs.id }}" class="inputs-buttons-group{% if widget.attrs.class %} {{ widget.attrs.class }}{% endif %}">
|
|
2 |
<span id="{{ widget.attrs.id }}" class="weekdays-buttons-group{% if widget.attrs.class %} {{ widget.attrs.class }}{% endif %}" role="group">
|
|
3 | 3 |
{% for group, options, index in widget.optgroups %} |
4 | 4 |
{% for option in options %} |
5 | 5 |
{% include "django/forms/widgets/input.html" with widget=option %} |
6 |
- |