FullCalendar agendaWeek/agendaDayビュー、時間幅の行

Question

私は今カレンダーの設定に問題があります。私はAgendaWeekビューとAgendaDayビューの時間が少し広がっている最初の行を作りたいが、私はfullcalendar.cssで対応するCSSコードを見つけることができません。誰か助けてくれますか？鉱山のカレンダーのソースを調べて

Answer 1

Iは、左側の列に表示されるたびに、次のコードを見ることができます：

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;"> 
    <span>12:35am</span> 
</td> 

幅がインラインに設定されるように見えます。おそらく、これはfullCalendarでいくつかのコードを介して行われます。

CSSでオーバーライドすることはできますが、同じクラスの組み合わせを持つすべてではなく、列内の他のすべての文字もシフトする必要があります。

幸いにも、彼らはすべて同じルートクラス - .fc-axisを持っています。したがって、これをCSSの最後に追加すると、幅があなたのために非常にうまく調整されるはずです。

.fc-axis { width: 100px !important;} 

はあなたのカレンダー一定の幅/高さを与え、またはアスペクト比で混乱しましたかどうかによって、固定幅の用心、ということと、あなたはそれのサイズを変更、またはブラウザのウィンドウのサイズを変更する場合fullCalendarがどう反応するか言って設定。