1.1 --- a/htdocs/styles.css Sat Feb 07 00:47:14 2015 +0100
1.2 +++ b/htdocs/styles.css Sat Feb 07 17:16:48 2015 +0100
1.3 @@ -108,51 +108,50 @@
1.4 text-decoration: underline;
1.5 }
1.6
1.7 -/* Hiding/showing unused slots/periods. */
1.8 +/* Hiding/showing busy slots/periods or unused days/slots/periods. */
1.9 +
1.10 +/* Hide the controls. */
1.11
1.12 -input#hideslots {
1.13 - display: none;
1.14 -}
1.15 +input#hidebusy,
1.16 +input#hidedays,
1.17 +input#hideslots,
1.18 +
1.19 +/* Hide the enable labels when controls are already enabled. */
1.20
1.21 -input#hideslots:checked ~ .controls label.enable[for=hideslots] {
1.22 - display: none;
1.23 -}
1.24 +input#hidebusy:checked ~ .controls label.enable[for=hidebusy],
1.25 +input#hidedays:checked ~ .controls label.enable[for=hidedays],
1.26 +input#hideslots:checked ~ .controls label.enable[for=hideslots],
1.27 +
1.28 +/* Hide the disable labels when controls are already disabled. */
1.29
1.30 -input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots] {
1.31 - display: none;
1.32 -}
1.33 +input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy],
1.34 +input#hidedays:not(:checked) ~ .controls label.disable[for=hidedays],
1.35 +input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots],
1.36
1.37 +/* Hide calendar rows depending on the selected controls. */
1.38 +
1.39 +input#hidebusy:checked ~ .calendar tr.slot.busy,
1.40 +input#hidedays:checked ~ .calendar tr.separator.empty,
1.41 +input#hidedays:checked ~ .calendar tr.slot.onlyslot.daystart.empty,
1.42 +input#hideslots:checked ~ .calendar tr.separator.empty,
1.43 input#hideslots:checked ~ .calendar tr.slot.daystart.empty {
1.44 display: none;
1.45 }
1.46
1.47 -/* Hiding/showing busy slots/periods. */
1.48 -
1.49 -input#hidebusy {
1.50 - display: none;
1.51 -}
1.52 -
1.53 -input#hidebusy:checked ~ .controls label.enable[for=hidebusy] {
1.54 - display: none;
1.55 -}
1.56 -
1.57 -input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy] {
1.58 - display: none;
1.59 -}
1.60 -
1.61 -input#hidebusy:checked ~ .calendar tr.slot.busy {
1.62 - display: none;
1.63 -}
1.64 +/* Show slot endpoints when hiding adjacent busy periods. */
1.65
1.66 input#hidebusy:checked ~ .calendar th.timeslot span.endpoint {
1.67 display: block;
1.68 }
1.69
1.70 +/* Style the labels. */
1.71 +
1.72 label.enable,
1.73 label.disable {
1.74 padding-left: 0.25em;
1.75 }
1.76
1.77 +label.hidedays,
1.78 label.hideslots {
1.79 border-left: 1em solid #faa; /* th.participantheading background-color */
1.80 }