Project

General

Profile

Bug(バグ) #1559

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

Added by Mutsumi Imamura about 10 years ago. Updated about 10 years ago.

Status:
Fixed(完了)
Priority:
Normal(通常)
Assignee:
Target version:
Start date:
2010-09-06
Due date:
% Done:

100%

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

Description

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 View (71.3 KB) Mutsumi Imamura, 2010-09-06 17:00

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

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


Related issues

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

Associated revisions

Revision 02c49545 (diff)
Added by Minoru Takai about 10 years ago

(fixed #1559) fixed image position only in opSkinBasicPlugin

Revision 3d303927 (diff)
Added by Minoru Takai about 10 years ago

(fixed #1559) added property for hasLayout on IE6

History

#1 Updated by Mutsumi Imamura about 10 years ago

  • File deleted (IE6_34x_myfriend_activity_display_error.PNG)

#3 Updated by Minoru Takai about 10 years ago

  • Status changed from New(新規) to Accepted(着手)
  • Assignee set to Minoru Takai

#4 Updated by Minoru Takai about 10 years ago

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

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

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

#5 Updated by Minoru Takai about 10 years ago

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

#6 Updated by Mutsumi Imamura about 10 years ago

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

#7 Updated by Minoru Takai about 10 years ago

  • Status changed from Accepted(着手) to Pending Review(レビュー待ち)
  • % Done changed from 0 to 50

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

#8 Updated by Minoru Takai about 10 years ago

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 Updated by Hiroki Mogi about 10 years ago

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

#10 Updated by Hiroki Mogi about 10 years ago

  • Status changed from Pending Review(レビュー待ち) to Rejected(差し戻し)

#11 Updated by Minoru Takai about 10 years ago

  • Status changed from Rejected(差し戻し) to Accepted(着手)

対応します。

#12 Updated by Minoru Takai about 10 years ago

  • Status changed from Accepted(着手) to Pending Review(レビュー待ち)

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

#13 Updated by Mutsumi Imamura about 10 years ago

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

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

#14 Updated by Rimpei Ogawa about 10 years ago

  • Status changed from Pending Review(レビュー待ち) to Pending Testing(テスト待ち)
  • % Done changed from 50 to 70

#15 Updated by Shinichi Urabe about 10 years ago

  • Status changed from Pending Testing(テスト待ち) to Fixed(完了)
  • % Done changed from 70 to 100

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

Also available in: Atom PDF