userChrome.css・userContent.cssスレ Part7

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 18:54:58.08

●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 22:18:59.75

>>38
面白いから他のPCにも導入したら、カラーで表示されないでなぜか白黒?!

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 22:28:48.79

>>287
osがカラーフォントに対応してないからだろう

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 22:35:38.99

>>38
1F354の部分を変更でいろいろ
https://archiveofourown.org/works/6580324/chapters/15057844

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 23:31:30.25

上の方に書いてあった検索バーの幅変更が上手くいかない
正常に動いたコードあれば教えてください

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 00:29:00.62

>>266
ありがとう。そこはOSの制限なんですね。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 00:33:19.97

>>290
コードじゃないけどアドレスバーと検索バーを隣り合わせて
カスタマイズ完了直後にアドレスバーの右側へカーソルを持っていけば
矢印が出てきてアドレスバーと検索バーの長さを同時に調節できる。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 00:36:44.13

こんな期機能があったのか・・・
ありがとうございます　助かりました

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 00:50:13.52

質問スレッドに記載させていただいたのですが、回答つかないようなので、こちらで質問させてください。

http://egg.5ch.net/test/read.cgi/software/1510776194/400
の方法で、タブをウィンドウの一番下に置いたのですが、
タブの数が少ない時は正常に動くのですが、
タブが多くなってきて、タブを左右にスクロールさせるボタンが出てくると
タブが全体的に下にずれてしまいます。

ブラウザツールボックスで見ていると
<tabs id="tabbrowser-tabs" class="tabbrowser-tabs" tabbrowser="content" に
overflow="true"が入ると、
タブ部分が3px分下にずれてしまいます。
途中でブラウザツールボックスが起動しなくなってしまいましたので、正確な位置はわかりませんが
class="arrowscrollbox-scrollbox"より上位
（強制的にこのclassをtransformで3px上に移動させても両端のスクロールボタンは下にずれていたので）
で、 class="tabbrowser-tabs"の間で何か設定されていると思っています。
（class="tabbrowser-tabs"をtransformで3px上に移動させても
今度は、タブが少ない時（タブを左右にスクロールさせるボタンがでない時）は、
上にずれてしまいます。

おそらく、overflow="true"になった時だけ、上にずらせば良いと思うのですが、
これはどの様にuserChrome.cssに書いたら良いのでしょうか？

すいませんが、どなたかご教示をお願いいたします

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 03:42:26.74

http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8#wd355e7f
今って↑のuserChrome.js導入.zipに従えば間違いない？
同梱されてるやつすら動かせないんだけど
他どっか弄ってたら動かないとか何かある？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 03:49:14.74

スレチです

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 05:26:29.06

>>282
何を指定すれば角丸無効になりますか？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 08:19:30.41

>>273
横からですみません
その1とは、何をさしているのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 08:37:04.31

ステータスバーって表示できない？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 09:03:47.04

>>297
昔のFirefoxはタブの角をcssで触れてたが、
今はタブのイメージ画像で作られてるので無理

>>298
一番最初にある57対応のcss

>>299
無理

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 09:21:36.97

>>300
画像無効にしても効かないです
userchromeではどうにもできないんでしょうか

ctrでは角タブになるし、デフォルトのテーマでも角タブになります

何かで設定出来るということですよね？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 09:22:40.08

>>298
userChrome.js用スクリプトその1
http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8#jbabc5f7

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 10:24:44.11

>>284
ブックマークフォルダのスタイル末尾に } が一個足りないけどそのせいでは?

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 10:28:46.56

>>285
アドオンマネージャーは userChrome.css ではなく userContent.css
可能性は低いけどウェブページに誤爆しないとも限らないので @-moz-document 規則使った方がいい

/* アドオンマネージャー */
@-moz-document url("about:addons") {
/* "今すぐ更新を確認" */
#utils-updateNow { display: none !important }
}

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 11:26:53.25

ブックマークレットにfavicon設定したいけどなんか手はないものか
フォルダは設定出来るのになあ

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:04:04.38

Firefox57.0 (64 ビット) です
メニューバー　アドレスバー　検索バー
ブックマークツールバー
タブ
にしたいのですがuserChrome.cssの記述を教えてください。
よろしくお願いします。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:08:10.89

このスレ探せばあったはずだぞ

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:28:29.35

>>300
>>302
レスありがとうございます。意味が理解出来ました。

**285** · 2017/11/22(水) 12:39:25.89

>>304
消せた thx
名無しセパは #utils-debugAddons+menuseparator でおｋだった

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:41:32.26

ブックマークツールバーの背景色を変えることはできますか？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:41:51.47

userChrome.cssにこれを設定しても黄色くならないのは
何がダメなんだろう？
他の変更（アドレスバーとタブの位置変更）は上手く行ったのに
保存はMeryで行っているのに

> /*ブックマークフォルダの色を黄色に戻す*/
> @-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
> treechildren::-moz-tree-image(title, container),
> treechildren::-moz-tree-image(title, open) {
> list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
> -moz-image-region: rect(0px, 32px, 16px, 16px)!important
> }

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 12:49:28.81

上に答え書いてくれてる人いるぞ

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 13:42:50.88

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 14:16:28.21

https://i.imgur.com/41tSsGi.jpg
userchromeをインスペクタから調べているのですが、
.tab-background-middleという要素に何らかの角丸が使われているようです
とりあえずbackground-image:none !important;で画像を無効にしたのですが、角丸画像が消えません
どうしたら良いでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 14:22:51.67

>>294
#tabbrowser-tabs[overflow="true”]{

}
状況がいまいちわかんないけど、これに書いてみて

CSSのセレクタとかちょっと勉強した方が良い(弾かれるから短縮)
https://goo.gl/9qLSM1

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 15:35:52.83

>>314
.tab-background-middleにこだわるのやめな

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 15:42:22.76

>>314
.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 15:42:47.11

>>312
>>313
ありがとう～最後に一個　足りなかったんですね。
上手くいきました。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 15:46:37.68

57になって、サイドバーのヘッダー部分が縦に大きく目立つようになったので、少しスリムにしました。
おすそ分けします。

/* サイドバーヘッダーのスリム化 Firefox57 */
.sidebar-header,
#sidebar-header {
font-size: 1em !important;
padding: 0px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 16:02:46.62

>>280
自己解決できました
usercontent.css
@-moz-document url("moz-extension://b7a72b10-f1c2-4bef-9312-b3f448dec6ef/popup.html") {}

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 16:08:18.51

>>305
ブックマークツールバーに置いたブックマークレットは出来ている

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 16:32:47.18

>>319
ありがとん

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 16:53:12.60

>>320
そのURLのID部分は拡張で固定ではなく、他のプロファイルや拡張一旦アンインストールすると変わっちゃうので要注意ね

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 18:05:32.69

>>317
このcss適用しても文字がタブの表示が狂うのはどうしてでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 18:10:47.12

>>324
Lightweight Square Tabs | Userstyles.org
https://userstyles.org/styles/140263/lightweight-square-tabs

Show CSS Codeのボタンを押してcssを参考に自分用にカスタマイズ

**237** · 2017/11/22(水) 18:47:31.73

>>294
Custom CSS tweaks for Firefox 57+に
tabs_below_main_content.cssってのがあるからこれ見て参考にしてみたら？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 19:07:46.10

>>315
ありがとうございます。
こういう指定をすればいいのですね。
無事動かすことが出来ました。

しかも、教材まで紹介していただき、誠にありがとうございます。
CSSを弄ったことがないので、人のを見ながらなんとか弄っていたので、大変助かります。
早速勉強させていただきます。
ありがとうございましたm(__)m

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 19:21:17.69

>>326
ありがとうございます。
早速、見てきました。
私のCSSと違って非常にシンプルですね。
特に上下にすれていないみたいですし、私が何か余計な処理をしているみたいですね。

中身を1個ずつ追いながら、勉強させていただきます。
ありがとうございましたm(__)m

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 19:50:33.71

57からタブのローディング中のアイコンが右左に動くのが嫌で
56以前のローディングアイコンに戻すcss探してたらあったから
おすそわけでサイト貼っとくね。

https://www.reddit.com/r/FirefoxCSS/comments/71vbds/revert_the_tab_throbber_in_firefox_57/

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:04:28.92

>>329
ありが㌧

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:16:55.35

>>329
最高ありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:17:57.12

>>305
55以降のブックマークの既定のファビコンはCSS(list-style-imageプロパティ)ではなく
image要素の描画(src属性指定)になっているみたいだ

ということでこんな感じ
(リンク先の例はHTMLのimg要素なのでdisplayとか色々付いてるけど、image要素には必要なさげ)

/*
* ブックマークレットのアイコンを設定する (Firefox 55+ 対応)
*
* 参考: Replace the Image in an <img> with CSS | CSS-Tricks
* https://css-tricks.com/replace-the-image-in-an-img-with-css/
*/
@-moz-document url("chrome://browser/content/browser.xul") {
:root {
--my-favicon-size: 16px;
}
/* Bookmarklets */
.bookmark-item[scheme="javascript"] image {
background: url("chrome://branding/content/icon32.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
}

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:21:05.67

>>323
ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:26:45.81

>>332
いただきました。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 20:35:52.18

>>329
こういう状態が複数あるのは調べるの面倒なんだよね
ありがたくいただきました
しかしなんでこんな左右に動くへんなのにしたんだか

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 21:02:58.13

Firefox CSSカスタマイズいろいろ - Qiita
https://qiita.com/taka-tactical/items/9000660faf14d26ba231

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 21:52:10.78

初期のブックマークは以下のようになっていると思いますが、最近付けたタグの下の
セパレーターは「.small-separator」で消す事が出来ました。

　ブックマークサイドバーを表示
　全てのブックマークを表示
-------------------------------
　ブックマークツールバー
　他のブックマーク
-------------------------------
　最近付けたタグ
----------------------------- .small-separator
　Mozilla Firefox

しかし、その上の２つの物は「#BMB_bookmarksPopup > menuseparator」とすると
全て消えてしまいます。これを区別する方法がわかりませんでしょうか？

やりたいことは、ブックマークツールバーから最近付けたタグまでの項目を消して
セパレーターばかりが並ぶので、その間のセパレーターを消したいのです。
現状は「#BMB_bookmarksPopup > menuseparator」１つで「.small-separator」
まで含めて全て消えている状態です。

これで困っているわけでもないのですが、区別する方法がないのか気になったので
質問させて頂きました。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 22:06:52.01

>>337
:type-of-nth

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 22:17:25.24

>>338
:nth-of-typeじゃ……

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 22:30:31.98

>>339
あ、

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:07:20.09

リロードボタンをロケーションバーの中に移動できませんかね？

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:20:47.41

>>341
reloaderでアドオン検索

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:22:39.54

>>338
>>339
即答ありがとうございます。
:nth-of-type で、番号を指定することでいけました。
もっと cssを勉強しないとil||li _|￣|○ il||li

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:24:09.72

>>341
Reload in address bar
https://addons.mozilla.org/ja/firefox/addon/reload-in-address-bar/

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:24:42.03

>>342
レスどうも！
やっぱりアドオン使わないと駄目ですかね？
以前まではcssかuserChrome.jsで出来たようだったのですが

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:25:55.10

>>335
あの点滅、まだ赤ければ(K)nightlyライダー、とか遊べたのに。

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:31:07.71

>>341
Reloader
https://addons.mozilla.org/ja/firefox/addon/reloader/

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:38:00.38

>>345
まずはアドオンを検討して
駄目ならuserChromeで実装するって考えた方のが良いと思うよ
userChromeがいつまで持つか分からんし

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:41:11.81

ただ最初から入ってるリロードボタンはミドルクリックで
タブの複製できるんだよな
けっこう便利

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:48:03.82

Reload in address bar
https://addons.mozilla.org/ja/firefox/addon/reload-in-address-bar/
Australis-like refresh in URL bar
https://addons.mozilla.org/ja/firefox/addon/australis-refresh-in-url-bar/
Reloader
https://addons.mozilla.org/ja/firefox/addon/reloader/
Reload page in URL bar
https://addons.mozilla.org/ja/firefox/addon/reload-page-in-url-bar/

いっぱいあるんだな

**名無しさん＠お腹いっぱい。** · 2017/11/22(水) 23:53:49.02

http://egg.5ch.net/test/read.cgi/software/1510776194/400
上記のスレの方法でuserChrome.cssに記述しても動かないのですが、もしかして
aboutconfigの何かの値のせいとかありますでしょうか？できている方がいるようなので…
custom_css_for_fx_v1.3.5というもの入れてみたのですが、やはり上のままでした。
後他のスレで出来ないと書いてしまい謝ります。すみませんでした

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:02:56.91

>>306
アドレスバーはuserchrome.jsで強制移動じゃないと無理だよ
一応、そのレイアウトになるスクリプト貼っとくわ

//*** userChrome.js用 ***//
// カスタマイズでレイアウトを初期設定に戻した後
// アドレスバーの隣に検索バーを配置してから適用してください
var menubar = document.getElementById("toolbar-menubar");
menubar.appendChild(document.getElementById("urlbar-container"));
document.getElementById("urlbar-container").flex = "2";
menubar.appendChild(document.getElementById("urlbar-search-splitter"));
menubar.appendChild(document.getElementById("search-container"));
document.getElementById("search-container").flex = "1";
document.getElementById("navigator-toolbox").appendChild(document.getElementById("TabsToolbar"));

/*** userChrome.css用 ***/
//メニューバー非表示時、ナビゲーションツールバーの右端にタイトルバーボタンボックス表示用余白追加
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar { padding-right: 138px !important; }

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:10:52.33

>>351
それの改善案出した者だけど
コピペして無理なら、ペースとした位置より上にあるCSSの記述ミスでエラーが出てCSSが反映されてないのかも

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:25:22.46

>>353
失礼、それは上記の記述に何か抜けがあるという意味ですか？それともこちらの
他の記述の間違いがある、ということでしょうか？一応何も記述していないcssも
用意して試したのですが…

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:26:16.38

>>352
質問前にググッたりこのスレを確認したりしたのですが自力で見つける事ができず難儀しておりました。
先ずuserChrome.jsの導入からやってみたいと思います。
助かりました、本当にありがとうございました。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:30:55.94

>>354
他の人は使えてるからそのCSSは問題ないと思う。
他に設定したCSSは反映されてる？
追加した部分だけ反映されないならコメント/**/の中以外で全角スペース使われてないかとか確認してみて

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:50:57.12

>>356
他の記述は動いています
#content-deck{
margin-bottom: 30px !important;
}
この部分ですが
#content-deck　{
margin-bottom: 30px !important;
}
こうじゃないかと思ったくらいで、駄目ですね…

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 00:59:40.37

>>357
その下の訂正したやつ、もろに全角スペースだから動かないよ

前書いた時にスペース入れ忘れたけど、無くてもあっても動くよ半角スペースならね
#content-deck {
margin-bottom: 30px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:01:58.72

>>357
そのスペースは関係ないと思う

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:02:54.19

ああー半角に見えていたけれども全角なのか

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:04:27.58

前半部分の記述見たら!importantないからそれが原因だ
これそのままコピペして無理だったらうちには分からない

#TabsToolbar {
position: fixed !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
}
#content-deck {
margin-bottom: 30px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:08:36.19

>>357です
今まで上ばかり見ていて気がつきませんでしたが、空白のバーが下に出現していました
一応動いてはいたみたいなのですが、想定どうりの動作はしていないみたいです。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:16:10.20

>>362です>>361の記述で動きました！ありがとうございます!

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:24:20.71

57でコンテキストメニューの編集が上手くいかない
IDで指定してる箇所は消えてるんだけど

menuitem[label="ページを Pocket に保存"]
menu[label="ページを端末へ送信"]

こういうlabel指定してる部分がどれも非表示にならない
labelは使えなくなったのかな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:25:52.95

>>363
よかった、これを機によくあるミスを覚えて活用してくだされ
・!importantを付け忘れ
・ID、クラス名が間違っている
・marginなどのプロパティ名の綴ミス
・10px、1emなどの単位を忘れている
・「:」「;」「{」「}」コロン、セミコロン、中括弧が抜けている
・/**/コメント以外に全角スペースを使っている

全角スペースを見つけるならテキストエディタに貼り付けて置換機能で全角スペースを削除するなど

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:34:55.86

>>364
menu[label="ページを端末へ送信"] {

}
こう書いてるとか？

#menu[label="ページを端末へ送信”]や
.menu[label="ページを端末へ送信”]みたいに
label属性がどのIDやクラスのものに付いてるか分かるように指定しないとダメ

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 01:52:53.24

>>329
これツリー型タブに適用出来ませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 02:35:28.89

>>366
labelだけで行けるのかと思っていたんだけど
とりあえず開発ツールで調べてID指定で消した
ありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 02:43:32.99

>>329
レス見落としてた
これはいいおすそ分け
ありがとうありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 05:30:11.64

ファビコンの背景色だけ変更は出来ますか？

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 05:46:14.89

MouseGestures.uc.jsでジェスチャが被ってうまく動きません
被らなくする方法はありませんか？　それともおま環なのかな

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 06:37:41.56

>>371
userChrome.jsはスレ違い

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 06:42:23.62

失礼しました

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 11:27:27.66

firefox57で以下のCSSでブックマークツールバーの自動消去をすると、
画像のように一番左のブックマーク以外見えない状態になります
マウスポインタを空白部分にあてるとブックマーク自体は見えないだけど存在しているようで、
クリックや右クリックには反応するといった状態です

改善方法はないでしょうか？

https://dotup.org/uploda/dotup.org1395079.png

**374** · 2017/11/23(木) 11:30:27.87

/*ブックマークツールバーをマウスオーバーで開閉する*/
#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 12:30:48.17

ページ上コンテキストメニューに出てくる
ページをpocketに保存をけすことできませんか

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:18:58.16

>>376
pocketアイコン右クリック　→　削除

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:21:06.14

それはアドレスバーからアイコン消えるだけじゃね

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:31:39.05

>>377
アドレスバーのは消せたんですが
ページ上の右クリックに入ってるものです

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:35:12.91

>>374
/*ブックマークツールバーをマウスオーバーでポップアップ*/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 1000ms !important;
position: absolute !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}

俺が使ってるのを最小限の記述にしたやつだけどどうぞ
これに影をつけたりhoverの範囲を広げたりすると使いやすくなるよ

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:40:22.28

ブラウザ全体からPocketの存在自体が消えていいなら
extensions.pocket.enabled;false

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:41:40.62

>>381
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 13:45:54.56

>>380
ありがとうございます、無事ブックマークが表示されたまま自動開閉できるようになりました

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:31:01.00

コンテキストメニューを整理したいのですが、どこかに最新の一覧はないですか？
なんかどの項目かわからない、区切り線があるのですが、調べきれません
調べ方を含め、わかるかた教えてください。

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:45:56.10

>>384
ブラウザツールボックス

**名無しさん＠お腹いっぱい。** · 2017/11/23(木) 14:50:49.97

https://addons.mozilla.org/ja/firefox/addon/fxui-editor/
おかしい部分がちらほらあるけど便利なんでもっと知られてもいい