― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



掲示板トップ » 相互開発サポート » 拡張機能

All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  ページ 1 ／ 3
  [ 38 件の記事 ]  ページ移動 1, 2, 3  次へ
  印刷ビュー | 友達にメールで知らせる １つ前のトピックへ | 次のトピックへ 
作成者 メッセージ
georgei
投稿記事Posted: 2007年12月02日(日) 13:39 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
池田です。
Find Toolbar Tweaks の 1.2.0 がようやく AMO で公開されましたが
（審査待ちで約三週間かかった）
外国の Mac ユーザーさんからバグレポートがありました。
このバージョンからページ検索の履歴機能を実装したんですが、これを有効にすると検索フィールドに
余計なアイコンが出る、との事です。

送られて来たスクリーンショット。



Mac の持ち合わせがないので、検証できません。
どなたか検証していただけないでしょうか？

よろしくお願いします。m(_|_)m


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月02日(日) 15:17 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
Mac OS 10.4.11、Firefox 2.0.0.11 で新規アカウントを使ってインストールしてみました。
で、【検索履歴を有効】だと下のスクリーンショット同様に３つのアイコンが表示されますね。

それと閉じるボタンを右端にしていますが、ボタンは表示されず、四角いグレーの枠がマウスオーバーで現れます。
ボタンは機能しています。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
georgei
投稿記事Posted: 2007年12月02日(日) 16:55 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
PH2@Hide さん、池田です。早速のご検証、ありがとうございます。

PH2@Hide さんが書きました:
Mac OS 10.4.11、Firefox 2.0.0.11 で新規アカウントを使ってインストールしてみました。
で、【検索履歴を有効】だと下のスクリーンショット同様に３つのアイコンが表示されますね。
<snip>
それと閉じるボタンを右端にしていますが、ボタンは表示されず、四角いグレーの枠がマウスオーバーで現れます。
ボタンは機能しています。

うーん、Windows にはない虫眼鏡アイコンが出てきて、それに対する指定が CSS でされてないので
余分なアイコンが表示される、ということでしょう。
デフォルトのページ検索バーでも虫眼鏡アイコンが存在しているんでしょうか？

ボタンを右側にしたら表示されない、という点も要修正ですね。

ちょっと Mac 関係のテーマを調べてみます。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月02日(日) 18:33 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
georgei さんが書きました:
デフォルトのページ検索バーでも虫眼鏡アイコンが存在しているんでしょうか？

虫眼鏡アイコンはデフォルトの検索バーにも有ります。
OS のウィンドウやその他のアプリケーション（Adobe 以外）でも検索フォールドの左端にアイコンが捧持されますので Mac OS X の標準仕様だと思います。
すぐに画像をアップできるところがないので、必要でしたらスクリーンショットを撮ってメールでお送りいたしますよ。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
georgei
投稿記事Posted: 2007年12月05日(水) 23:46 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
PH2@Hide さん、池田です。お世話になります。

閉じるボタンを右にしたときに表示されない問題の方は、おおむね原因が推察できました。
Windows では close.png を使用している所を、
Mac では closetab.png を使用している、という事が原因だと思われます。

お手数ですが、userChorme.css に、

コード:
#find-closebutton-tweak {
   padding-right: 4px;
   list-style-image: url("chrome://global/skin/icons/closetab.png") !important;
   background-image: none !important;
   border: none;
}

#find-closebutton-tweak:hover {
   list-style-image: url("chrome://global/skin/icons/closetab-hover.png") !important;
}

#find-closebutton-tweak:hover:active {
   list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
}

を追加して、閉じるボタンが表示されるか確認していただけないでしょうか？

で、問題の余計なアイコンですが、Pinstripe の中身をざっと見た限りでは見つかりませんでした。
外しているかもしれませんが、やはり userChorme.css に、

コード:
#FindToolbar > .autocomplete-icon {
   display: none !important;
}

というのを試してみてください。

PH2@Hide さんが書きました:
すぐに画像をアップできるところがないので、必要でしたらスクリーンショットを撮ってメールでお送りいたしますよ。

私のメアドは Find Toolbar Tweaks のページ にありますので、お気軽に。
よろしくお願いします。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月06日(木) 05:44 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
お返事が遅くなってすみません。

userChorme.css へ追加した結果です。
クローズアイコンは表示されるようになりました。
下がその状態です。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBt7nQ9ceK
ただ、hover ではポインタを重ねるとグレーの四角いアイコン（下の画像、下段）が現れます。
これはもしかしたら hover のバックグラウンド画像ではないでしょうか。
例えばクリアの上にポインタを置くと、アイコンのバックがグレーに反転しますから。
憶測ですが、hover は background-image にしないとだめだとか…

georgei さんが書きました:
コード:
#FindToolbar > .autocomplete-icon {
   display: none !important;
}

検索バーの余計なアイコンは消えていませんね。
拡大すると何かのリストのような感じですが
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBaAh5QAvU

# Yahoo のフォトアルバムからは読み込めないようですので、画像はとりあえずリンクを置いておきますm(__)m


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月06日(木) 14:36 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
PH2@Hide さんが書きました:
例えばクリアの上にポインタを置くと、アイコンのバックがグレーに反転しますから。
憶測ですが、hover は background-image にしないとだめだとか…

すみません、↑訂正です。
標準では hover は画像下の“アクティブ”のようになります。

http://proxy.f2.ymdb.yahoofs.jp/users/f ... HB51h94mT1


通報する
ページトップ
 プロフィール  
引用付きで返信する  
georgei
投稿記事Posted: 2007年12月07日(金) 00:37 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
PH2@Hide さん、池田です。お世話になります。

PH2@Hide さんが書きました:
お返事が遅くなってすみません。

いえ、お気になさらず。

PH2@Hide さんが書きました:
ただ、hover ではポインタを重ねるとグレーの四角いアイコン（下の画像、下段）が現れます。
これはもしかしたら hover のバックグラウンド画像ではないでしょうか。
例えばクリアの上にポインタを置くと、アイコンのバックがグレーに反転しますから。
憶測ですが、hover は background-image にしないとだめだとか…

少し位置が上すぎるような気もしますが、後日修正という事で。
とりあえず、次の記述も追加してみてください。

コード:
#find-closebutton-tweak > .toolbarbutton-icon  {
   background-image: none !important;
}


PH2@Hide さんが書きました:
検索バーの余計なアイコンは消えていませんね。
拡大すると何かのリストのような感じですが

この拡大画像で、余計なアイコンがどの画像から来ているのかおおむね推測がつきました。
問題は、なぜアイコンが出るかがわからない、という点です。(Mac 版テーマのバグかも？）
しばらく試行錯誤が続くと思いますが、お付き合い下さい。

コード:
#find-field > .textbox-input-box  {
   list-style-image: none !important;
}

これがダメなら；

コード:
#find-field > .autocomplete-textbox-container  {
   list-style-image: none !important;
}

よろしくお願いします。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月07日(金) 06:29 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
まず、検索フィールドの無用なアイコンですが、
コード:
#find-field > .autocomplete-textbox-container  {
   list-style-image: none !important;
}
で表示しなくなりました。
検索状態での動作も正常です。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBFwWgY7Js

クローズボタンの方ですが
コード:
#find-closebutton-tweak > .toolbarbutton-icon  {
   background-image: none !important;
}
を追加すると、初期状態の表示には問題ありませんが hover ではなにも表示されなくなりますね。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBGG6JYQGH
ちなみにデフォルトと同じ、左端に表示させると問題ありません（ここらへんの挙動がよく分かりませんが…）
closetab-hover.png 自体が呼び出せていないような感じですが、左端に表示させると現れるので、closetab-hover.png に特別な設定があるのでしょうかね？？
表示位置も右端だと上部になっちゃいますし。

解決案ではないですが、Mac だと閉じるボタンは左位置でも違和感はないので、暫定的に左固定にしておくとか（Win から Mac に来た人は違和感ありかもしれないですけど）

＃ご存じかもしれませんが、本家の方で Tab Mix Plus v0.3.6 の表示で似たようなトピックがありました。
http://forums.mozillazine.org/viewtopic ... 5&start=15


通報する
ページトップ
 プロフィール  
引用付きで返信する  
georgei
投稿記事Posted: 2007年12月08日(土) 00:01 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
PH2@Hide さん、池田です。お世話になります。

PH2@Hide さんが書きました:
まず、検索フィールドの無用なアイコンですが、
コード:
#find-field > .autocomplete-textbox-container  {
   list-style-image: none !important;
}
で表示しなくなりました。
検索状態での動作も正常です。

＼(^o^)／
レポートをくれた方にもメールしておきました。
ご協力ありがとうございます。

PH2@Hide さんが書きました:
クローズボタンの方ですが
コード:
#find-closebutton-tweak > .toolbarbutton-icon  {
   background-image: none !important;
}
を追加すると、初期状態の表示には問題ありませんが hover ではなにも表示されなくなりますね。

こっちの方も試行錯誤が必要、ということですね。

PH2@Hide さんが書きました:
ちなみにデフォルトと同じ、左端に表示させると問題ありません（ここらへんの挙動がよく分かりませんが…）

左端に表示されているのはオリジナルのボタンですので(^^;
つまり、ボタンを左から右に移動させているように見えますが、
オリジナルのボタンの他に、別のボタン （#find-closebutton-tweak） をオーバーレイで追加して、
CSS で表示したり消したりしているだけなんです。

PH2@Hide さんが書きました:
解決案ではないですが、Mac だと閉じるボタンは左位置でも違和感はないので、暫定的に左固定にしておくとか（Win から Mac に来た人は違和感ありかもしれないですけど）

Mac だと閉じるボタンは左位置でも違和感はない、というのは初めて知りました。
だから今までバグレポートがなかったんですね。
ま、ユーザーが全世界でも 1000人くらいのマイナーな拡張、という事もあるでしょうが。

Mac だけの CSS を書くのは簡単ですが、Mac だけ機能を固定するのは難しいかと。
PH2@Hide さんがよろしければ、閉じるボタンが完璧に動くまで
もう少しの間おつきあいいただけると助かります。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月08日(土) 01:38 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
お役に立てて幸いです:)
georgei さんが書きました:
左端に表示されているのはオリジナルのボタンですので(^^;
つまり、ボタンを左から右に移動させているように見えますが、
オリジナルのボタンの他に、別のボタン （#find-closebutton-tweak） をオーバーレイで追加して、
CSS で表示したり消したりしているだけなんです。
Mac だけの CSS を書くのは簡単ですが、Mac だけ機能を固定するのは難しいかと。

元々のボタンを移動させているものと思っていましたが、そういう仕組みだったんですね。
georgei さんが書きました:
閉じるボタンが完璧に動くまで
もう少しの間おつきあいいただけると助かります。

はい。私の方でできる事でしたら何なりと♪
必要な部分があればスクリーンショットも撮っておきます。
（アップしているのは JPEG ですが PNG もあります）
お急ぎでしたら PM くださっても結構ですので、お気軽に連絡ください。
＃日本との時差があるので、タイムリーにいかない時もありますが(^^ゞ


通報する
ページトップ
 プロフィール  
引用付きで返信する  
georgei
投稿記事Posted: 2007年12月09日(日) 23:21 
オフライン

登録日時: 2005年8月02日(火) 22:12
記事: 42
お住まい: 東京都
PH2@Hide さんが書きました:
georgei さんが書きました:
閉じるボタンが完璧に動くまで
もう少しの間おつきあいいただけると助かります。

はい。私の方でできる事でしたら何なりと♪

では、お言葉に甘えて。 :)

実は、検索フィールドの無用なアイコンの方、レポートをくれた方にメールしたら、
うまく消えなかったという返信が来てしまいました。
確認なんですが、
#find-field > .autocomplete-textbox-container
の方だけで消えたんですよね？
それとも他の CSS との併用が必要？

ちなみに、このアイコンの由来ですが、私の推測が当たっていれば、これです。



つまり、「次を検索」や「全て強調表示」のアイコンの元画像 （find.png） で、
幅をそのままにして高さだけ 16px に押しつぶすと、



こうなります。
こんなものが表示されるところから、テーマのバグ？ と考えてるわけですが。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月10日(月) 15:43 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
georgei さんが書きました:
検索フィールドの無用なアイコンの方、レポートをくれた方にメールしたら、
うまく消えなかったという返信が来てしまいました。
確認なんですが、
#find-field > .autocomplete-textbox-container
の方だけで消えたんですよね？
それとも他の CSS との併用が必要？

まさかとは思いますが、その方は userChrome の行頭の
@charset "utf-8"; と
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
忘れていないでしょうかね？
これがなければ機能しなくなりますが。。

で、問題の検索フィールドの件は
#find-field > .autocomplete-textbox-container
で間違いなく消えます。

ちなみに、現在の userChrome は
コード:
@charset "utf-8";

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Find Toolbar Tweaks 1.2.0 -for close button- */
#find-closebutton-tweak {
   padding-right: 4px;
   list-style-image: url("chrome://global/skin/icons/closetab.png") !important;
   background-image: none !important;
   border: none;
}

#find-closebutton-tweak:hover {
   list-style-image: url("chrome://global/skin/icons/closetab-hover.png") !important;
}

#find-closebutton-tweak:hover; :active {
   list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
}

#find-closebutton-tweak > .toolbarbutton-icon {
   background-image: none !important;
}

/* Find Toolbar Tweaks 1.2.0 -for the problem of the find field- */
#find-field > .autocomplete-textbox-container  {
   list-style-image: none !important;
}

とこんな感じです。

ちなみに
コード:
#find-closebutton-tweak:hover; :active {
   list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
}
は、無くても変化ないようです。

＃テーマとバッティングしている…とか


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月10日(月) 17:15 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
テーマを含めたアドオンたくさんの環境にもインストールしてみました。
ちなみにインストールしているテーマは iFox Graphite です。

すると…
右側の閉じるボタンは表示されなくなります。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBEkWYLXGn
さらに、検索バーの項目のマウスオーバーは、テーマによって表示が異なりますね。
（こちらは気にしなければ実害はありませんが）
気になるといえば、【全て強調を表示】にチェックを入れると左側に 5px 移動します。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBa8ULUath
テーマがインストールされている場合は、ちょっと注意が必要かもです。

それと、検索フィールドの右端に三角形のアイコンは動きませんが、検索語句の履歴をたどれる機能なのでしょうか？
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HB4IntAs9x
もう一つは、オプションの【前の検索語ボタンを表示する】でボタンを表示し、そのボタンを押すと検索語句がクリアされてしまいます。
上の２つは素の プロファイルでも同じ結果となります。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
Hide
投稿記事Posted: 2007年12月10日(月) 17:43 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2027
お住まい: USA
georgei さんが書きました:
ちなみに、このアイコンの由来ですが、私の推測が当たっていれば、これです。



つまり、「次を検索」や「全て強調表示」のアイコンの元画像 （find.png） で、
幅をそのままにして高さだけ 16px に押しつぶすと、



こうなります。
こんなものが表示されるところから、テーマのバグ？ と考えてるわけですが。

それはデフォルトのボタンアイコンですね。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBBjBG4K6a
先のコメントにも書きましたが、Find Toolbar ではフィールドに▼アイコンを表示していますよね。
謎のアイコンと▼アイコンの高さは 15px で同じようですが、これに関係してデフォルトアイコンが呼び出されているということはないでしょうか。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  ページ 1 ／ 3
  [ 38 件の記事 ]  ページ移動 1, 2, 3  次へ

掲示板トップ » 相互開発サポート » 拡張機能

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[5人]

トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean