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

Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#2994 closed task (fixed)

【2.12.3のCSSを修正】positionをfloatにする

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

Description (last modified by kudo)

■概要

テキストをpositionで配置しているものを全てfloat(ダブルフロート型)にする。

ダブルフロートの方が見栄えや設計に関して適切だと判断したため。

.commentList dd div.title

これと同様にダブルフロート型に変更していく。

  • 左フロート、右フロートのそれぞれの width 値は内容量を考えて適当に決める

■仕様

■関連情報

Change History (23)

comment:1 Changed 11 years ago by takai

Status: newassigned

comment:2 Changed 11 years ago by takai

pagerRelativeMulti

  • CSS: r8219
  • マークアップ修正あり
    • c_event_list.tpl
    • c_topic_list.tpl
    • h_message_box.tpl
修正前
<div class="pagerRelativeMulti">
    <p>最近書き込みがあったトピックから順に表示しています。</p>
    <p><a href="./?m=pc&amp;a=page_c_event_list&amp;target_c_commu_id=237">イベント一覧はこちら</a></p>
    <div class="pager">
        <p class="number">1件~2件を表示</p>
    </div>
</div>

<div class="pagerRelativeMulti">
    <p class="icons">
        <span><img alt="返信済み" src="./skin/default/img/icon_mail_4.gif"/>返信済み</span>
    </p>
    <div class="pager">
        <p class="number">29件中 1件~20件を表示</p><p class="next"><a href="./?m=pc&amp;a=page_h_message_box&amp;ru_page=2&amp;box=inbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">次を表示</a></p>
    </div>
</div>
  • <div class="pager"> に対応して、<div class="text">でマークアップする
修正後
<div class="pagerRelativeMulti">
    <div class="text">
        <p>最近書き込みがあったトピックから順に表示しています。</p>
        <p><a href="./?m=pc&amp;a=page_c_event_list&amp;target_c_commu_id=237">イベント一覧はこちら</a></p>
    </div>
    <div class="pager">
        <p class="number">1件~2件を表示</p>
    </div>
</div>

<div class="pagerRelativeMulti">
    <div class="text">
        <p class="icons">
            <span><img alt="返信済み" src="./skin/default/img/icon_mail_4.gif"/>返信済み</span>
        </p>
    </div>
    <div class="pager">
        <p class="number">29件中 1件~20件を表示</p><p class="next"><a href="./?m=pc&amp;a=page_h_message_box&amp;ru_page=2&amp;box=inbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">次を表示</a></p>
    </div>
</div>

comment:3 in reply to:  2 ; Changed 11 years ago by takai

pagerRelativeMulti のCSS修正は r8218r8219 の2つ。

comment:4 Changed 11 years ago by takai

Description: modified (diff)

comment:5 in reply to:  3 Changed 11 years ago by takai

pagerRelativeMulti の関連チケット #2942

comment:6 Changed 11 years ago by takai

  • .infoBox .parts { @rel
  • .infoBox ul.moreInfo { @abs

このセレクタは position のままにしておく。

  • c_event_detail.tpl
  • c_home.tpl
  • h_review_list_product.tpl
  • inc_f_home_h_prof.tpl
    • f_home.tpl
    • h_prof.tpl

※ f_home.tplで、『マイフレンドに追加』の部分のマイフレンドの文言を変えられるため、ここが長くなった場合に文字が見えなくなるかもしれない。

comment:7 Changed 11 years ago by takai

.diaryDetailBox .partsHeading

  • CSS: r8240
  • 関連チケット: #2939 (同じ修正)

comment:8 Changed 11 years ago by takai

.searchResultList .item

.searchResultList .item {
	zoom: 1;
	position: relative;
}

不要なので削除。

comment:9 Changed 11 years ago by takai

comment:10 in reply to:  9 Changed 11 years ago by takai

Replying to takai:

確認用 background を削除。

comment:11 Changed 11 years ago by takai

  • CSS: r8408
  • マークアップ修正あり
    • h_config_prof.tpl
修正前
<div class="partsHeading"><h3>プロフィール変更</h3><p>(<strong>※</strong>の項目は必須です)</p>({if $SSL_SELECT_URL})<p class="link"><a href="({$SSL_SELECT_URL})">({if $HTTPS})標準(http)({else})SSL(https)({/if})はこちら</a></p>({/if})</div>
  • <h3>プロフィール変更</h3><p>(<strong>※</strong>の項目は必須です)</p> を <div class="text">~</div> で囲む
修正後
<div class="partsHeading"><div class="text"><h3>プロフィール変更</h3><p>(<strong>※</strong>の項目は必須です)</p></div>({if $SSL_SELECT_URL})<p class="link"><a href="({$SSL_SELECT_URL})">({if $HTTPS})標準(http)({else})SSL(https)({/if})はこちら</a></p>({/if})</div>

comment:12 Changed 11 years ago by takai

partsHeading の 右パディングを指定。

comment:13 Changed 11 years ago by takai

以上で、xhtml_style.php は position 指定でないと配置できないものを除いて float レイアウトに全て変更完了。

comment:14 Changed 11 years ago by takai

注意:修正すべきテンプレートとして挙げたのは webapp ディレクトリ以下のものなので、bizのテンプレートにも修正すべきtplが含まれているかもしれない。

comment:15 Changed 11 years ago by takai

Keywords: 確認中 added

comment:16 Changed 11 years ago by takai

#2844で修正に関して説明しています。

comment:17 Changed 11 years ago by ebihara

Keywords: 確認中 removed
Milestone: OpenPNE2.13.2

対応ありがとうございます。取り込みをおこないます。

comment:18 Changed 11 years ago by ebihara

Milestone: OpenPNE2.13.2OpenPNE2.13.3

comment:19 Changed 11 years ago by ebihara

Keywords: 確認中 added

r8431, r8432 でマークアップの修正をおこないました。

comment:20 Changed 11 years ago by ebihara

r8471 で指定するべきクラスを指定していなかったのを修正しました。

comment:21 Changed 11 years ago by ogawa

Keywords: テスト待ち added; 確認中 removed

comment:22 Changed 11 years ago by kiwa

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

comment:23 Changed 11 years ago by kudo

Description: modified (diff)
Note: See TracTickets for help on using tickets.