Yet another, and again, fix to put the Firefox Findbar (Ctrl-F) search back to the top where it belongs!
Firefox v113+ updates wrecks previous Firefox tweaks, once again there is a new styling scheme. The steps required to move the find window back to the top left are quite a bit more involved now. Many thanks to everyone who keeps chipping away at this huge annoyance. Source below from ravindUwU / firefox-refined-findbar on Github!
1. about:profiles
2. Open/create the chrome folder: C:\Users\YOURUSER\AppData\Roaming\Mozilla\Firefox\Profiles\YOURFOLDER.default\chrome
3. Create/edit the userChrome.css file.
4. Add the userChrome.css style:
@namespace url('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul');
@namespace htmlNs url('http://www.w3.org/1999/xhtml');
// #region Features
$feature-floating: true !default;
$feature-floating-alignment: bottom !default;
$feature-floating-distance: 18px !default;
$feature-buttons: true !default;
$feature-buttons-grouped: true !default;
// #endregion
$space-unit: 8px;
%bordered-control {
border: 1px solid ThreeDShadow;
}
findbar {
position: absolute;
contain: content;
border: 1px solid var(--chrome-content-separator-color);
@if $feature-floating {
right: $feature-floating-distance;
#{$feature-floating-alignment}: $feature-floating-distance;
transform-origin: #{$feature-floating-alignment} center;
border-radius: var(--toolbarbutton-border-radius);
} @else {
border-bottom-left-radius: var(--toolbarbutton-border-radius);
border-bottom-right-radius: var(--toolbarbutton-border-radius);
border-top-width: 0 !important;
top: -1px;
right: 44px;
transform-origin: top center;
}
animation: 0.1s keyframes-scale-in;
&[hidden='true'] {
animation: 0.1s keyframes-scale-out;
}
checkbox {
margin: 0 !important;
@if $feature-buttons {
@extend %bordered-control;
@if $feature-buttons-grouped {
&:not(:last-of-type) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&:not(:first-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
} @else {
&:not(:first-of-type) {
margin-inline-start: $space-unit !important;
}
}
padding: 3px 6px;
border-radius: var(--toolbarbutton-border-radius);
color: var(--button-color);
background-color: var(--button-bgcolor);
&:hover {
background-color: var(--button-hover-bgcolor);
}
&:active {
background-color: var(--button-active-bgcolor);
}
&[checked='true'] {
color: var(--button-primary-color);
background-color: var(--button-primary-bgcolor);
&:hover {
background-color: var(--button-primary-hover-bgcolor);
}
&:active {
background-color: var(--button-primary-active-bgcolor);
}
}
&:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-outline-inset);
}
.checkbox-check {
display: none;
}
} @else {
&:not(:first-of-type) {
margin-inline-start: $space-unit !important;
}
}
}
[anonid='findbar-textbox-wrapper'] {
margin-inline-end: $space-unit * if($feature-buttons, 1, 2) !important;
htmlNs|input {
@extend %bordered-control;
@if $feature-buttons and $feature-buttons-grouped {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
toolbarbutton {
@extend %bordered-control;
color: var(--button-color);
background-color: var(--button-bgcolor);
border-width: 1px !important;
margin-inline: 0 !important;
@if $feature-buttons and $feature-buttons-grouped {
&:last-of-type {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
&:not(:last-of-type) {
border-radius: 0 !important;
border-right-width: 0 !important;
}
}
}
}
.findbar-label {
margin: 0 !important;
margin-inline-start: $space-unit !important;
}
description.findbar-label:empty {
display: none;
}
}
@keyframes keyframes-scale-in {
0% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}
@keyframes keyframes-scale-out {
0% {
transform: scaleY(1);
}
100% {
transform: scaleY(0);
}
}
5. Close and restart Firefox.
6. Press "Ctrl + F" to see your handiwork!
