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;
}
0 件のコメント:
コメントを投稿