グーグルカレンダーのタイトルの右端が切れる

   

Google Calendarをホームページに貼り付けるとですね、スケジュールのタイトルが切れるんですよ。
カレンダー 2014-10-24 17-49-41

これ結構前から改善されないかな~って思ってるんだけどされませんね・・・。
このファイルの存在もずいぶん前から知ってたんだけど見送った経緯もあります。

gcalendar-wrapper.phpをダウンロードする

gcalendar-wrapper.phpをダウンロードします。

ファイル内の/* misc interface */の下あたりに下記を追加

.te-t,.te-s {
    display:block;
    white-space:normal;
}

te-tっていうのは日付、te-sはタイトルに割り当てられているクラス名のこと。
まず日付とタイトルが横並びになっているのでそれぞれをブロックレベル表示にして、
タイトルが端までいったら自動的に折り返して表示してねって感じ。

gcalendar-wrapper.phpをアップロードする

<iframe src="http://www.google.com/calendar/embed?src=・・・" style=" border-width:0 " width="800" height="600"
frameborder="0" scrolling="no"></iframe>

http://www.google.com/calendar/embedって箇所を、http://設置したURL/gcalendar-wrapper.phpにする。

カレンダー 2014-10-24 17-52-34

phpファイルが動作しないといけないので、そろそろGoogleさんにはこの表示を改善するか、タイトルの表示を端まで言ったら「改行」「改行しない」みたいな選択肢がほしいわ!

 - Webサービス