OpenPNE3 Plugins » opDiaryPlugin

OpenPNE2.12 以上では、見出し部に背景画像を用いておらず、文字列が長い場合には折り返して複数行になるという仕様になっています。

3系の opDiaryPlugin のCSSを確認しました。

• opDiaryPlugin/web/css/diary.css 470行目付近
  

  /*----------------------------------------------
   * Parts Heading
   *--------------------------------------------*/
  div.partsHeading {
    margin-bottom: 5px;
    padding: 2px 8px 2px 10px;
    height: 30px;
    background: transparent url(../images/bg_parts_heading_720.gif) no-repeat 0 0;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 100%;
    text-align: left;
  }
  

少なくとも日本語設定の場合は「$nicknameさんの日記」という文言が見出しに使われているため、$nickname （名前）が長ければ見出しの末尾を省略・隠すという対応は好ましくないと思われます（「さんの日記」という部分は表示すべきであるはずなので）。

このことを考えると、名前が長い場合には折り返すことを想定するか、名前自体を（チケットの例であれば「0123456789abc... さんの日記」のように）適当な長さで trim すべきです。

折り返しを想定するのであれば、以下のようなCSSの修正が現時点で提案できます。

div.partsHeading {
  margin-bottom: 5px;
  padding: 0px 8px 0px 10px;
  background: transparent url(../images/bg_parts_heading_720.gif) no-repeat 0 0;
  line-height: 30px;
  color: #FFFFFF;
  font-size: 100%;
  text-align: left;
}

• 上下の padding を 0 にする
• height プロパティ指定をしない
• line-height プロパティ値を 30px にする（見出しが1行のときの背景画像の表示部分の高さ）
• ../images/bg_parts_heading_720.gif を加工して、見出しが2行以上になる場合に表示される背景部分を用意する（背景画像の下方を作る）
  • この画像自体は、opDiaryPlugin 以外でも使われている共通のファイルなので、opDiaryPlugin が独自に対応するのであれば独自のファイルとして扱う必要があります。

これは、現状のデザインに対して修正する形ですが、抜本的にデザインを見直すという対応も考えられます。

本件は、バグ修正というよりも仕様改定の内容と考えられるので、対応はプラグイン作者あるいは有志にお任せします。

opDiaryPlugin1.2.0で再現を確認しました。