FF143.0 ※追記あり

143.0に更新したらブックマークツールバーのCSSが壊れたので修正した。

ブックマークツールバーが表示されていないとき、collapsed属性が付かなくなったようだ。表示されているときはcollapsed=""となる。

前バージョンまでは、collapsed属性にtrue/falseが入ってたはずなので、列挙型から論理型に変わった、てことなんですかね。しらんけど。

userChrome.css

あと、*:root:not([chromehidden~="directories"])というセレクタはもう使われていないようなので削除した。2025/09/18 追記: 前言撤回。いかんいかん忘れてた。このセレクタはポップアップウィンドウのツールバー表示を制御してるやつだった。普通に必要。

/* 変数 */
:root {
	--personaltoolbar-height: 34px;
}

/* ナビゲーションバーの下線の色 */
#navigator-toolbox:not(:has([customizing])) {
	border-bottom-color: #ddd !important;
}

/* タブバーをナビゲーションバーの下に移動 */
#toolbar-menubar:not([customizing]) {
	order: 1;
}
#nav-bar:not([customizing]) {
	order: 2;
}
#TabsToolbar:not([customizing]) {
	order: 3;
}
#PersonalToolbar:not([customizing]) {
	order: 4;
}

/* リダイレクトバーをセンタリング */
#navigator-toolbox:has([value="refresh-blocked"]) {
	z-index: 1 !important;
}
#navigator-toolbox:has([value="refresh-blocked"]) + #browser {
	z-index: 0 !important;
}
#tab-notification-deck:has([value="refresh-blocked"]) {
	position: absolute;
	transform: translate(calc(calc(100vw - 100%) / 2), 50vh);
}

/* ブックマークツールバーをマウスホバーで表示する */
:root[inFullscreen] #PersonalToolbar:not([collapsed]) {
	visibility: visible !important;
}
*:root:not([chromehidden~="directories"]) #PersonalToolbar:not([collapsed]):not([customizing]) {
	height: 0;
}
*:root:not([chromehidden~="directories"]) #navigator-toolbox:hover:not(:has([customizing])) #PersonalToolbar:not([collapsed]),
*:root:not([chromehidden~="directories"]) #navigator-toolbox:not(:hover,:has([customizing])) #PersonalToolbar:not([collapsed]):has(#PlacesToolbar .bookmark-item[open]) {
	height: var(--personaltoolbar-height);
}
*:root:not([chromehidden~="directories"]) #navigator-toolbox:hover:not(:has([customizing])):has(#PersonalToolbar:not([collapsed])),
*:root:not([chromehidden~="directories"]) #navigator-toolbox:not(:hover,:has([customizing])):has(#PersonalToolbar:not([collapsed])):has(#PlacesToolbar .bookmark-item[open]) {
	z-index: 1 !important;
}
*:root:not([chromehidden~="directories"]) #navigator-toolbox:hover:not(:has([customizing])):has(#PersonalToolbar:not([collapsed])) + #browser,
*:root:not([chromehidden~="directories"]) #navigator-toolbox:not(:hover,:has([customizing])):has(#PersonalToolbar:not([collapsed])):has(#PlacesToolbar .bookmark-item[open]) + #browser {
	z-index: 0 !important;
	margin-top: calc(0px - var(--personaltoolbar-height));
}
#PersonalToolbar:not([customizing]) .bookmark-item {
	margin: 0 !important;
}

/* 検索欄の幅 */
#nav-bar:not([customizing]) #search-container {
	min-width: 590px !important;
}

/* サウンドアイコン非表示 */
.tab-audio-button:where([soundplaying],[muted]) {
	opacity: 0;
	width: 0 !important;
	pointer-events: none;
}

/* ローディングアイコンをフリップ */
@keyframes x-rotate {
	0% {
		transform: rotateX(0);
	}
	100% {
		transform: rotateX(1turn);
	}
}
.tab-icon-stack[busy] {
	animation: x-rotate 1s ease-in infinite;
}

/* メニュー項目を垂直方向にセンタリング */
#toolbar-menubar:not([customizing]) #menubar-items {
	position: relative;
}
#toolbar-menubar:not([customizing]) #main-menubar {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 100%;
}

/* タブを閉じるボタン非表示 */
#TabsToolbar:not([customizing]) .tab-close-button {
	display: none;
}

/* 拡張機能ボタン(ナビゲーションツールバー内)非表示 */
#nav-bar:not(:has([customizing])) #unified-extensions-button {
	display: none;
}

/* メニューボタン非表示 */
#nav-bar:not(:has([customizing])) #PanelUI-button {
	display: none;
}

/* すべてのタブボタン非表示 */
#TabsToolbar:not([customizing]) #alltabs-button {
	display: none;
}

/* コンテキストメニューの不要な項目を非表示 */
/* ページコンテキストメニュー */
#context-back, /* 戻るアイコン */
#context-forward, /* 進むアイコン */
#context-reload, /* 更新アイコン */
#context-bookmarkpage, /* ブックマークを編集アイコン */
#context-sep-navigation, /* 区切り線 */
/* タブバーコンテキストメニュー */
#sidebarRevampSeparator, /* 区切り線 */
#toolbar-context-toggle-vertical-tabs { /* 垂直タブをオンにする */
	display: none !important;
}

/* 「プライベートウィンドウ」という文字を非表示 */
.private-browsing-indicator-label {
	display: none;
}

/* ページ内検索バーの幅を短く&右上に移動 */
@keyframes x-vanish {
	99% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
findbar {
	z-index: 1;
	order: -1;
	transition: none !important;
	margin-right: 2em;
	margin-bottom: -46px;
	border-top: none !important;
	background: none !important;
	white-space: nowrap;
	filter: drop-shadow(4px 4px 4px rgba(100, 100, 0, 0.3));
}
findbar:active {
	animation: x-vanish 1s forwards;
}
findbar::before {
	content:"";
	display: flex;
	flex-grow: 100;
}
.findbar-container {
	flex-direction: row-reverse;
	overflow-inline: visible !important;
	margin-inline-start: unset !important;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: var(--chrome-content-separator-color);
	min-width: unset !important;
	height: 34px !important;
	background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
}
.findbar-textbox {
	margin-left: 8px !important;
}
.findbar-find-previous.tabbable {
	margin: -5px 0px -5px 8px !important;
}
.findbar-find-next.tabbable {
	margin: -5px 0 -5px !important;
	border-radius: unset !important;
}
.findbar-find-previous.tabbable,
.findbar-find-next.tabbable {
	border-radius: unset !important;
	padding: 0 9px !important;
}
findbar > toolbarbutton {
	margin: 0 !important;
	border-radius: unset !important;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: var(--chrome-content-separator-color);
	width: 34px !important;
	height: 34px !important;
	background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
}
findbar > toolbarbutton:hover {
	background: none;
	background-color: #dddde4 !important;
}

お知らせ

現在お知らせはありません。

最近の投稿

シェア