Projet

Général

Profil

0002-manager-add-styles-for-weekdays-buttons-group-50560.patch

Valentin Deniaud, 08 juin 2021 14:04

Télécharger (2 ko)

Voir les différences:

Subject: [PATCH 2/2] manager: add styles for weekdays buttons group (#50560)

 chrono/manager/static/css/style.scss          | 31 +++++++++++++++++++
 .../templates/chrono/widgets/weekdays.html    |  2 +-
 2 files changed, 32 insertions(+), 1 deletion(-)
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
-