分身日記

● [tDiary]CSS for calendar3 微調整

月表示や日表示の時、calendar3.rb を使用しているのだが、そのポップアップの位置を微調整。サンプルをそのままコピーして、背景だけ変更していたのだが、カレンダーにポップアップがかぶってしまっていたのでちょっと見にくい。見たら、margin がなかったのね。

ということで、

• sample CSS for calendar3

.calendar-popup {
        display: none;
        text-align: left;
        position: absolute;
        border-style: solid;
        border-width: 1px;
        padding: 0 1ex 0 1ex;
}

• 変更後 CSS for calendar3

.calendar-popup {
        display: none;
        text-align: left;
        position: absolute;
        border-style: solid;
        border-width: 1px;
        padding: 1ex 1ex 1ex 1ex;
        margin: 1ex 0ex 0ex 0ex;
        background : White;
}

ちなみにこの CSSは、「CSSの追加」で記入している。CSSファイルを変更するのが面倒だったから。