プロジェクト

全般

プロフィール

Bug(バグ) #1559

【3.4系限定】アクティビティガジェットの表示が崩れる

Mutsumi Imamura13年以上前に追加. 13年以上前に更新.

ステータス:
Fixed(完了)
優先度:
Normal(通常)
担当者:
対象バージョン:
開始日:
2010-09-06
期日:
進捗率:

100%

3.6 で発生するか:
No
3.8 で発生するか:
Unknown (未調査)

説明

Overview (現象)

OpenPNE3.4でアクティビティガジェットをマイホームに追加し、IE6またはIE7でマイホームにアクセスすると表示が崩れてしまう。(添付画像を参照ください)

再現バージョン

  • OpenPNE3.4.7-dev(3.4系のみ再現)

3.6では構造が違うため再現しません

再現ブラウザ

  • IE6
  • IE7

Causes (原因)

Way to fix (修正内容)

IE6_34x_myfriend_activity_display_error.PNG 表示 (71.3 KB) Mutsumi Imamura, 2010-09-06 17:00

Firefox_34x_myfriends_activity.png 表示 - Firefoxで表示した場合 (23.2 KB) Mutsumi Imamura, 2010-10-05 17:50

ie6.png 表示 - IE6で表示咲いた際のキャプチャ (19.1 KB) Hiroki Mogi, 2010-10-07 15:16


関連するチケット

関連している OpenPNE 3 - Bug(バグ) #1333: アクティビティの画像がずれる(IE) Invalid(無効) 2010-07-13
関連している OpenPNE 3 - Bug(バグ) #1095: Design of activity is too bad (アクティビティのデザインが正しくない) Fixed(完了) 2010-05-21

関係しているリビジョン

リビジョン 02c49545 (差分)
Minoru Takai13年以上前に追加

(fixed #1559) fixed image position only in opSkinBasicPlugin

リビジョン 3d303927 (差分)
Minoru Takai13年以上前に追加

(fixed #1559) added property for hasLayout on IE6

履歴

#1 Mutsumi Imamura13年以上前に更新

  • ファイル を削除 (IE6_34x_myfriend_activity_display_error.PNG)

#3 Minoru Takai13年以上前に更新

  • ステータスNew(新規) から Accepted(着手) に変更
  • 担当者Minoru Takai にセット

#4 Minoru Takai13年以上前に更新

3.6系は #1095 でアクティビティ周りの改善を行っています。

#1095 をバックポート対応するか、IE6,7だけの崩れを修正するかは改めて判断します。

また、現状の3.4系では opSkinClassicPlugin を適用するとアクティビティ周りが全てのブラウザで大幅に崩れると思われます。

#5 Minoru Takai13年以上前に更新

このチケットではバックポート対応は行わず、アイコンのレイアウトが崩れる点のみを修正します。

#6 Mutsumi Imamura13年以上前に更新

参考にFirefoxでのキャプチャ画像を追加します。

#7 Minoru Takai13年以上前に更新

  • ステータスAccepted(着手) から Pending Review(レビュー待ち) に変更
  • 進捗率0 から 50 に変更

更新履歴 02c495452e543aa2b157ab218bef5e86ff4ff382 で適用されました。

#8 Minoru Takai13年以上前に更新

opSkinBasicPlugin に対して、画像がずれる点のみを修正しました。

opSkinClassicPlugin の大幅な崩れに対するCSSのみによる修正を用意していますが、このチケットでは Classic プラグインは扱わないことにします。

参考までにCSSを提示しておきます。(以下のCSSは、3.4.x で opSkinClassicPlugin を使用する際に、カスタムCSSに追加することで大幅な崩れを防ぐためのものです。崩れに対する本質的な解決方法ではありません:本質的な解決は #1095 に相当する修正です)

/*==========================================================
 * Common Style
 *--------------------------------------------------------*/
#Left,
#Center,
#Top,
div.parts {
  zoom: 1;
}

/*==========================================================
 * Activity
 *--------------------------------------------------------*/
div.activityBox div.moreInfo {
  padding-bottom: 5px;
}
#delete_activity,
div.activityBox {
  zoom: 1;
  word-wrap: break-word;
}

/*======================================
 * form part
 *------------------------------------*/
div.activityBox form {
  padding: 0 4px;
}
div.activityBox form div.count {
  float: right;
  padding-right: 6px;
  color: #888888;
  font-size: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.activityBox form select {
  margin-left: 8px;
}
div.activityBox form textarea {
  display: block;
  width: 98%;
  height: 3.5em;
  margin: 4px auto;
}
div.activityBox form br {
  display: none;
}
div.activityBox form * br {
  display: block;
}
div.activityBox form input.submit {
  float: right;
  margin-right: 3px;
}

/*======================================
 * activity list part
 *------------------------------------*/
div.activityBox ol.activities {
  clear: both;
}
#delete_activity ol.activities li.activity,
div.activityBox ol.activities li.activity {
  clear: both;
  padding: 10px 6px 8px;
  border-bottom: 1px solid #cccccc;
}
#delete_activity ol.activities li.activity div.memberImage,
div.activityBox ol.activities li.activity div.memberImage {
  overflow: hidden;
  z-index: 256;
  position: relative;
  float: left;
  width: 76px;
  max-height: 76px;
  margin-right: 8px;
}
#delete_activity ol.activities li.activity div.body,
div.activityBox ol.activities li.activity div.body {
  overflow: hidden;
  z-index: 128;
  position: relative;
  min-height: 76px;
  padding: 0;
}
* html #delete_activity ol.activities li.activity div.body,
* html div.activityBox ol.activities li.activity div.body {
  height: 76px;
}
#delete_activity ol.activities li.activity div.body div.info,
div.activityBox ol.activities li.activity div.body div.info {
  padding-top: 2px;
  color: #888888;
}
#delete_activity div.parts div.operation,
div.activityBox ol.activities li.activity div.operation {
  border: none;
}

#9 Hiroki Mogi13年以上前に更新

IE6にて表示の崩れている部分がありました。
ステータスを差し戻しに変更します。

#10 Hiroki Mogi13年以上前に更新

  • ステータスPending Review(レビュー待ち) から Rejected(差し戻し) に変更

#11 Minoru Takai13年以上前に更新

  • ステータスRejected(差し戻し) から Accepted(着手) に変更

対応します。

#12 Minoru Takai13年以上前に更新

  • ステータスAccepted(着手) から Pending Review(レビュー待ち) に変更

更新履歴 3d30392772cf2336e4ba43a93bfcd3f79c42eb33 で適用されました。

#13 Mutsumi Imamura13年以上前に更新

アクティビティ投稿ボタンがIE6、IE7とFirefox3などとでは表示が違いますが、
ブラウザの仕様ということでバグではありません。実装者にも確認済みです。

動作としても問題がないことを確認しました。
テストはこれでOKです。

#14 Rimpei Ogawa13年以上前に更新

  • ステータスPending Review(レビュー待ち) から Pending Testing(テスト待ち) に変更
  • 進捗率50 から 70 に変更

#15 Shinichi Urabe13年以上前に更新

  • ステータスPending Testing(テスト待ち) から Fixed(完了) に変更
  • 進捗率70 から 100 に変更

テストは完了しているので閉じます

他の形式にエクスポート: Atom PDF