OpenPNE 3

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

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

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

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

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;
}

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

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