timeRange transform - final step required

[orthobridge]

Hi,

I've managed to get the timeRanges to behave (not lose size, colour, etc..) in my attempts to show horizonal text. I'm nearly there with this - the only issue is it's upside down. I'm not a CSS person (or a developer at all frankly) but this is close. It's upside down - question is how do I flip it (or remove any original rotation would be better).

<style>
    #dayScheduler {
        cursor: grab;
        overflow: auto;
    }

    .b-cal-timerange-header {
        writing-mode: horizontal-tb;
        font-size: 10px;
    }

Thanks in advance

[khattakdev]

You can use:

transform: rotate(180deg);

Which will rotate your text but you may need to do it for b-cal-timerange-header-text if it doesn't work on b-cal-timerange-header directly along with writing-mode.