You are here

Home » API reference » Availability Calendars 7.3

availability_calendar.edit.css in Availability Calendars 7.3

Same filename and directory in other branches
  1. 7.5 availability_calendar.edit.css
  2. 7.4 availability_calendar.edit.css
/*
 * Edit calendar form.
 * - Display radio buttons and labels as a table (so that the colored labels get the same length).
 */
.availability-states {
  display: table;
}

.availability-states .form-type-radio {
  display: table-row;
  margin: 0;
  padding: 3px;
}

.availability-states .form-type-radio input,
.availability-states .form-type-radio label {
  display: table-cell;
  height: 2em;
  line-height: 2em;
  padding: 0 10px;
}

File

availability_calendar.edit.css
View source 
  1. /*

  2.  * Edit calendar form.

  3.  * - Display radio buttons and labels as a table (so that the colored labels get the same length).

  4.  */

  5. .availability-states {

  6.   display: table;

  7. }

  8. 

  9. .availability-states .form-type-radio {

  10.   display: table-row;

  11.   margin: 0;

  12.   padding: 3px;

  13. }

  14. 

  15. .availability-states .form-type-radio input,

  16. .availability-states .form-type-radio label {

  17.   display: table-cell;

  18.   height: 2em;

  19.   line-height: 2em;

  20.   padding: 0 10px;

  21. }