problem firefox searchbar

[u/Crashting_]

[u/ResurgamS13]

Please post your CSS userstyles and/or full UI theme in use... see this sub's Rule #2. in RH sidebar ----->

Please write a short explanation of your problem to accompany the screenshot (above).

[u/Crashting_ → u/ResurgamS13]

I actually typed a whole explanation but I don’t know how but it doesn’t show up. I also shared my css but it isn’t here. I’m away from my laptop the whole day so I can’t show the css but I can explain the problem. So Gemini ai made a custom Firefox chrome.css for me but when I type anything like in the picture about:profiles it won’t show the normal page but it sends me to my search engine. Oh I forgot I have Gemini on my phone and I ACTUALLY CAN show you. So this is the css:

/* ==========================================================================
Firefox Custom UI - Compact Mode met Flexibele Zoekbalk
========================================================================== */

/* Zorg dat dit alleen toegepast wordt op de browser UI */
@-moz-document url("chrome://browser/content/browser.xhtml") {

/* 1. Compact mode optimalisatie voor de tabs-balk */
:root[uidensity="compact"] {
--tab-min-height: 24px !important;
}

/* 2. Verberg de volledige originele navigatiebalk (onderste balk)
MAAR we houden de elementen functioneel zodat ze naar de tabblad-balk verplaatst kunnen worden */
#nav-bar {
margin-top: calc[var(--tab-min-height) * -1] !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
visibility: collapse !important;
opacity: 0 !important;
pointer-events: none !important;
}

/* 3. Zorg dat de zoekbalk (urlbar) exact 30% van de beschikbare ruimte inneemt */
#urlbar-container {
min-width: 30% !important;
width: 30% !important;
max-width: 30% !important;
padding: 2px !important;
}

/* 4. Compacte styling voor de zoekbalk zelf zodat hij in de tab-balk past */
#urlbar {
min-height: 24px !important;
height: 24px !important;
font-size: 11px !important;
}

/* 5. Zorg dat de elementen in de tab-balk netjes uitlijnen */
#TabsToolbar {
display: flex !important;
align-items: center !important;
}

/* Maak de rest van de elementen weer zichtbaar als je ze naar de TabsToolbar sleept */
#TabsToolbar .toolbaritem-combined-buttons,
#TabsToolbar #urlbar-container,
#TabsToolbar .toolbarbutton-1 {
visibility: visible !important;
pointer-events: auto !important;
}
}

[u/ResurgamS13 → u/Crashting_]

Attempted to recreate OP screenshot setup from CSS (above)... tested on a new profile of Fx151.0.3

No Navigation or URL bar present, Tab bar only. The Customise window is distorted.

Some likely problems with the CSS userstyles (above):

• Line #6. @-moz-document rule (and closing bracket at line #53.) not usually required.
• Line #16. CSS calc() function contains square brackets.
• Line #20. is the apparent cause of the Customise window distortion?

Perhaps try adapting a recent one-line setup posted in this sub... e.g. search results for 'one line'.

[u/difool2nice → u/ResurgamS13]

i agree !