ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Opened 11 years ago

Closed 11 years ago

#2939 closed defect (fixed)

「マイフレンド」の名称が長い場合、日記詳細の「~の日記」と公開範囲の「マイフレンドまで公開」の文字がかぶる

Reported by: kiwa Owned by: takai
Priority: minor Milestone: OpenPNE2.12.4
Component: pne-xhtmlcss Version: 2.12.x & 2.14.x
Keywords: OpenPNE2.13.3 Cc:

Description (last modified by ebihara)

■現象

「マイフレンド」の名称が長い場合、日記詳細(pc_page_fh_diary)の「~の日記」と公開範囲の「マイフレンドまで公開」の文字がかぶる

再現画像

■発生バージョン

  • 2.12.2
  • 2.13.1

■再現手順

■環境

WindowsXP SP2

  • Firefox1.5
  • Firefox3
  • Safari3
  • !InternetExplorer6
  • !InternetExplorer7
  • Opera9

■原因

タイトル欄のCSSがposition: absolute;となっていた為、長文になった時に文字が重なってしまった。

■修正内容

position: absolute;を削除し、適当な幅で折り返すよう修正。

■関連情報

#2693動作テスト中に発見

Attachments (1)

20080814_pc_page_fh_diary.png (18.2 KB) - added by kiwa 11 years ago.
再現画像

Download all attachments as: .zip

Change History (11)

Changed 11 years ago by kiwa

再現画像

comment:1 Changed 11 years ago by kiwa

Description: modified (diff)

comment:2 Changed 11 years ago by kiwa

Description: modified (diff)

comment:3 Changed 11 years ago by takai

Keywords: 確認中 added; 再現待ち removed
Owner: changed from nobody to takai
Status: newassigned

この問題はXHTML化したときに想定していましたが、positionで配置するより適当な幅で折り返した方が好ましいと思われるので、#2687と同じ構造(スタイル)にすることで対応します。

xhtml_style.php

修正前
/*==============================================================================
 * 8. diaryDetailBox(日記詳細ボックス)
 *----------------------------------------------------------------------------*/
.diaryDetailBox .partsHeading {
	zoom: 1;
	position: relative;
}
.diaryDetailBox .partsHeading p.public {
	position: absolute;
	right: 3px;
	bottom: 2px; /* ※#2876で修正予定 */
}
.diaryDetailBox dl {
// 以下省略
修正後
/*==============================================================================
 * 8. diaryDetailBox(日記詳細ボックス)
 *----------------------------------------------------------------------------*/
.diaryDetailBox .partsHeading {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.diaryDetailBox h3 {
	float: left;
	width: 66%;
}
.diaryDetailBox .partsHeading p.public {
	float: right;
	width: 33%;
	margin: 0;
	text-align: right;
}
.diaryDetailBox dl {
// 以下省略

この内容で修正をお願いします。この対応に不備、改善案があればお知らせください。

  • この修正を行うと、#2876での修正は不要になります。

comment:4 Changed 11 years ago by kiwa

Keywords: OpenPNE2.13.2 added; 確認中 removed
Milestone: OpenPNE2.12.4

comment:5 Changed 11 years ago by kiwa

Keywords: OpenPNE2.13.3 added; OpenPNE2.13.2 removed

comment:6 Changed 11 years ago by shingo

Description: modified (diff)
Keywords: 確認中 added

以下のリビジョンで修正しました。ご確認ください。

comment:7 Changed 11 years ago by ebihara

Keywords: 差し戻し added; 確認中 removed

xhtml_style.php への修正で、インデントが4スペースになってしまっています。

comment:8 Changed 11 years ago by shingo

Keywords: 確認中 added; 差し戻し removed

以下のリビジョンで修正しました。ご確認ください。

comment:9 Changed 11 years ago by ebihara

Description: modified (diff)
Keywords: テスト待ち added; 確認中 removed

comment:10 Changed 11 years ago by kiwa

Keywords: テスト待ち removed
Resolution: fixed
Status: assignedclosed

確認しました。問題ありません。

Note: See TracTickets for help on using tickets.