Enhancement(機能追加・改善) #2676
完了pc_backend の「画像投稿」ボタンの input 要素に不要な class 属性が付加されている
100%
説明
問題点¶
pc_backend の input 要素に不要な class 属性値が付与されています。
/pc_backend.php/monitoring/editImage
の「画像投稿」ボタンの class 属性値が不要です。
apps/pc_backend/modules/monitoring/templates/editImageSuccess.php の 16行目
14- <tr> 15- <td colspan="2"> 16: <input class="input_sbumit" type="submit" value="<?php echo __('画像投稿') ?>" /> 17- </td> 18- </tr>
問題となる理由¶
- typo でもともと機能していない
- typo を修正しても、ボタンのデザインに統一感が無くなる
加えて、class 属性値 input_submit の CSS は、/pc_backend.php/design/mobileColorConfig の「この設定を呼び出す」というボタンと同様のデザインになるものです。
しかし、他の管理画面の submit ボタン (角丸のボタン) 同様に、この class 属性値を適用させない方が統一感のある見た目になると思います。
修正方針¶
- 他の submit ボタン (角丸のボタン)と同じデザインになるようにすることを前提とする
- class 属性が付加されているが typo でもともと機能していないので、class を削除する
また、この class 属性値をソースコードで探したところ、先に記述した箇所以外は特に見つからなかったので、この部分のみ修正することをこのチケットで扱います。
2012/03/26 追記¶
このtypoは偶然見つけました。
修正したところ、管理画面の別のsubmitボタンと形が違いました。
では、他のボタンが何と違うのかを探った所、
今回問題になっている「画像投稿」ボタンだけ、.input_submit を適用させていることがわかりました。
因みに、pc_backend (プラグイン除く※note-4参照) の submit ボタンの中に .input_submit を適用させている箇所はありません。
(これは本チケットの"概要"でも「この class 属性値をソースコードで探したところ、先に記述した箇所以外は特に見つからなかったので、この部分のみ修正することをこのチケットで扱います。」と述べている通りです。)
当該箇所も、他の submit ボタンと同じく class 属性値を指定しないこと(class="input_sbumit"を記述しない)が適切であると判断したため、note-2 のような修正を行いました。
ファイル
Fumie Toyooka さんが約13年前に更新
- ステータス を Accepted(着手) から Pending Review(レビュー待ち) に変更
- 進捗率 を 0 から 50 に変更
https://github.com/openpne/OpenPNE3/pull/27
5a94a5fb36cc3a9b0c6d324b920672fe00cfa555
修正をプルリクエストしました。ご確認お願いいたします。
Fumie Toyooka さんが約13年前に更新
(2011/12/12現在の調査結果)
- opDiaryPlugin
- opAlbumPlugin
Yuya Watanabe さんが12年以上前に更新
- ステータス を Pending Review(レビュー待ち) から Rejected(差し戻し) に変更
class 属性の値が typo であるについては一切触れられていませんが,これは考慮済みということで大丈夫なんでしょうか?
input_submit が正しく記述されていた場合に「このボタンのデザインが適切でない」という内容のチケットであるということは読み取れましたが,問題として挙げられている「適切でない」という点について正しい修正かどうかに不安を感じたためいったん差し戻します.
Fumie Toyooka さんが12年以上前に更新
- 題名 を pc_backend の input 要素に付いている class 属性に適切でないものがある から pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、デザインも不適切なので修正 に変更
Fumie Toyooka さんが12年以上前に更新
- 題名 を pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、デザインも不適切なので修正 から pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、デザインも統一されていないので class 自体も削除する に変更
Fumie Toyooka さんが12年以上前に更新
- 題名 を pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、デザインも統一されていないので class 自体も削除する から pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、ボタンの CSS がここだけ他の submit ボタンと異なるので class 自体も削除する に変更
Fumie Toyooka さんが12年以上前に更新
@wa ta
このtypoは偶然見つけました。
修正したところ、管理画面の別のsubmitボタンと形が違いました。
では、他のボタンが何と違うのかを探った所、
今回問題になっている「画像投稿」ボタンだけ、.input_submit を適用させていることがわかりました。
因みに、pc_backend(プラグイン除く※note-4参照) の submit ボタンの中に .input_submit を適用させている箇所はありません。
(これは本チケットの"概要"でも「この class 属性値をソースコードで探したところ、先に記述した箇所以外は特に見つからなかったので、この部分のみ修正することをこのチケットで扱います。」と述べている通りです。)
当該箇所も、他の submit ボタンと同じく class 属性値を指定しないこと(class="input_sbumit"を記述しない)が適切であると判断したため、note-2 のような修正を行いました。
Fumie Toyooka さんが12年以上前に更新
- 題名 を pc_backend の「画像投稿」ボタンの input 要素に付いている class 属性に適切でないものがあり、ボタンの CSS がここだけ他の submit ボタンと異なるので class 自体も削除する から pc_backend の「画像投稿」ボタンの input 要素に不要な class 属性が付加されている に変更
- 説明 を更新 (差分)
Fumie Toyooka さんが12年以上前に更新
- ファイル submit_bottom.png submit_bottom.png を追加
- ファイル input_submit.png input_submit.png を追加
- 説明 を更新 (差分)
Fumie Toyooka さんが12年以上前に更新
- ステータス を Rejected(差し戻し) から Pending Testing(テスト待ち) に変更
- 進捗率 を 50 から 70 に変更
Mutsumi Imamura さんが12年以上前に更新
- ステータス を Pending Testing(テスト待ち) から Pending Review(レビュー待ち) に変更
- 進捗率 を 70 から 50 に変更
Yuya Watanabe さんが12年以上前に更新
「画像投稿」という文言がハードコーディングされているため使用言語を変えた場合でも日本語で表示されるという点が気になります.この件については別チケットで対応としておきましょう.
修正内容について問題ないと思います.
ただ 3.7.1 リリースに対する修正の取り込みの完了が確認できるまでステータスを「Pending Review」としておきます.
Yuya Watanabe さんが12年以上前に更新
- ステータス を Pending Review(レビュー待ち) から Pending Testing(テスト待ち) に変更
- 進捗率 を 50 から 70 に変更
Yuma Sakata さんが12年以上前に更新
- ステータス を Pending Testing(テスト待ち) から Fixed(完了) に変更
- 進捗率 を 70 から 100 に変更
テスト不要のため、クローズします。