Make rows in admin calendar bigger

Issue #906 resolved
Valentina R created an issue

To reproduce set a product with a duration of 5 or 15 minutes and book many in a row. This is what you get in the Day view:

It’s unusable when there are even more appointments.

Reported here.

Comments (4)

  1. Valentina R reporter

    Can be modified with this code snippet:

    // Change the height of the card on the admin calendar view
    add_filter( 'woocommerce_appointments_calendar_view_day_scale', function(){
        return 200; // Change 100 to anything you want
    } );
    add_action('admin_head', function(){
        $height = 200; // Change 100 to the same amount as above
        echo '<style>.wc_appointments_calendar_form .calendar_wrapper .calendar_presentation .calendar_body .body_labels .hours .hour_label {height:'.$height.'px;} .wc_appointments_calendar_form .calendar_wrapper .calendar_presentation .calendar_body .body_days .body_wrapper {height:'. $height*24 .'px}</style>';
    });
    

  2. Log in to comment