You are here

Home » API reference » Availability Calendars 7.5

availability_calendar.edit.css in Availability Calendars 7.5

Same filename and directory in other branches
  1. 7.3 availability_calendar.edit.css
  2. 7.4 availability_calendar.edit.css
/*
 * Edit calendar form styling.
 *
 * 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 styling.

  3.  *

  4.  * Display radio buttons and labels as a table (so that the colored labels get

  5.  * the same length).

  6.  */

  7. .availability-states {

  8.   display: table;

  9. }

  10. 

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

  12.   display: table-row;

  13.   margin: 0;

  14.   padding: 3px;

  15. }

  16. 

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

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

  19.   display: table-cell;

  20.   height: 2em;

  21.   line-height: 2em;

  22.   padding: 0 10px;

  23. }