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!

Sometimes the smallest modifications can double or triple the effeciency of a browser and that really does affect your bottom line. Use open-source libre/freedom technology first and hire a competent IT company to use it properly...like Grip Fast Information Services and Technology! Let's get started.



About the Writer
Chris Lessley
Author: Chris Lessley
A server admin, dev ops warrior and website designer since 2002, Chris is a lover of all things Linux and open-source! Each blog topic has been tested by fire in the real world and shared with the hope to help others. Need more help? Hire me! Chris' other interests include fine art and the humanities in the classical tradition and can be found writing for our friends over at gripfastart.works. If you like this content, kindly consider donating to keep this website free to all, without ads.

Comments powered by CComment

Member of The Internet Defense LeagueOpen Source Initiative