MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

Find Toolbar Tweaks 1.2.0 の Mac での挙動
https://forums.mozillazine.jp/viewtopic.php?f=26&t=6704		 ページ 1 ／ 3
作成者:  georgei [ 2007年12月02日(日) 13:39 ]
記事の件名:  Find Toolbar Tweaks 1.2.0 の Mac での挙動
池田です。
Find Toolbar Tweaks の 1.2.0 がようやく AMO で公開されましたが
（審査待ちで約三週間かかった）
外国の Mac ユーザーさんからバグレポートがありました。
このバージョンからページ検索の履歴機能を実装したんですが、これを有効にすると検索フィールドに
余計なアイコンが出る、との事です。

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



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

よろしくお願いします。m(_|_)m
作成者:  Hide [ 2007年12月02日(日) 15:17 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
Mac OS 10.4.11、Firefox 2.0.0.11 で新規アカウントを使ってインストールしてみました。
で、【検索履歴を有効】だと下のスクリーンショット同様に３つのアイコンが表示されますね。

それと閉じるボタンを右端にしていますが、ボタンは表示されず、四角いグレーの枠がマウスオーバーで現れます。
ボタンは機能しています。
作成者:  georgei [ 2007年12月02日(日) 16:55 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
PH2@Hide さん、池田です。早速のご検証、ありがとうございます。

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

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

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

ちょっと Mac 関係のテーマを調べてみます。
作成者:  Hide [ 2007年12月02日(日) 18:33 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
georgei さんが書きました:
デフォルトのページ検索バーでも虫眼鏡アイコンが存在しているんでしょうか？

虫眼鏡アイコンはデフォルトの検索バーにも有ります。
OS のウィンドウやその他のアプリケーション（Adobe 以外）でも検索フォールドの左端にアイコンが捧持されますので Mac OS X の標準仕様だと思います。
すぐに画像をアップできるところがないので、必要でしたらスクリーンショットを撮ってメールでお送りいたしますよ。
作成者:  georgei [ 2007年12月05日(水) 23:46 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
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 [ 2007年12月06日(木) 05:44 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
お返事が遅くなってすみません。

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 [ 2007年12月06日(木) 14:36 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
PH2@Hide さんが書きました:
例えばクリアの上にポインタを置くと、アイコンのバックがグレーに反転しますから。
憶測ですが、hover は background-image にしないとだめだとか…

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

http://proxy.f2.ymdb.yahoofs.jp/users/f ... HB51h94mT1
作成者:  georgei [ 2007年12月07日(金) 00:37 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
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 [ 2007年12月07日(金) 06:29 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
まず、検索フィールドの無用なアイコンですが、
コード:
#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 [ 2007年12月08日(土) 00:01 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
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 [ 2007年12月08日(土) 01:38 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
お役に立てて幸いです:)
georgei さんが書きました:
左端に表示されているのはオリジナルのボタンですので(^^;
つまり、ボタンを左から右に移動させているように見えますが、
オリジナルのボタンの他に、別のボタン （#find-closebutton-tweak） をオーバーレイで追加して、
CSS で表示したり消したりしているだけなんです。
Mac だけの CSS を書くのは簡単ですが、Mac だけ機能を固定するのは難しいかと。

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

はい。私の方でできる事でしたら何なりと♪
必要な部分があればスクリーンショットも撮っておきます。
（アップしているのは JPEG ですが PNG もあります）
お急ぎでしたら PM くださっても結構ですので、お気軽に連絡ください。
＃日本との時差があるので、タイムリーにいかない時もありますが(^^ゞ
作成者:  georgei [ 2007年12月09日(日) 23:21 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
PH2@Hide さんが書きました:
georgei さんが書きました:
閉じるボタンが完璧に動くまで
もう少しの間おつきあいいただけると助かります。

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

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

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

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



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



こうなります。
こんなものが表示されるところから、テーマのバグ？ と考えてるわけですが。
作成者:  Hide [ 2007年12月10日(月) 15:43 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
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 [ 2007年12月10日(月) 17:15 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
テーマを含めたアドオンたくさんの環境にもインストールしてみました。
ちなみにインストールしているテーマは 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 [ 2007年12月10日(月) 17:43 ]
記事の件名:  Re: Find Toolbar Tweaks 1.2.0 の Mac での挙動
georgei さんが書きました:
ちなみに、このアイコンの由来ですが、私の推測が当たっていれば、これです。



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



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

それはデフォルトのボタンアイコンですね。
http://proxy.f2.ymdb.yahoofs.jp/users/f ... HBBjBG4K6a
先のコメントにも書きましたが、Find Toolbar ではフィールドに▼アイコンを表示していますよね。
謎のアイコンと▼アイコンの高さは 15px で同じようですが、これに関係してデフォルトアイコンが呼び出されているということはないでしょうか。
ページ 1 ／ 3 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/