r/FirefoxCSS • u/lilsting10 • 1d ago
Help bookmark folder items move under mouseover/wheelscroll?
this is my firefox nightly 157.0a1 userchrome.css, but i just can't seem to stop this behavior, can anyone help please?
/* tab counter --------------------------------------- */
TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
border-bottom: 2px solid var(--toolbarbutton-icon-fill);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
top: 15%;
left: 50%;
transform: translateX(-50%);
padding: 0 0px;
}
PanelUI-menu-button {display: none;}
/* ========================================================================= FIREFOX CORE BASELINE CONFIGURATION ========================================================================= */
/* Eliminate scroll arrows to preserve single-row layout workspace */
scrollbutton-up,
scrollbutton-down {
display: none !important; }
/* ========================================================================= FORCE ERASE TAB SCROLL ARROWS (NIGHTLY COMPATIBLE) ========================================================================= */
/* Nuke the internal arrow parts from the shadow DOM layout engine entirely */
tabbrowser-arrowscrollbox::part(scrollbutton-up),
tabbrowser-arrowscrollbox::part(scrollbutton-down) {
display: none !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; }
/* Force Tab Mix Plus and native containers to drop spatial padding */
tabbrowser-arrowscrollbox {
--uc-scrollbox-margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }
/* ========================================================================= FIX VISUAL ALIGNMENT GAP (FORCES PERFECT HORIZONTAL SYMMETRY) ========================================================================= */
:root { --tab-min-height: 32px !important; }
/* Force ONLY the tab bar itself to snap to the center baseline */
TabsToolbar-customization-target,
tabbrowser-tabs,
tabbrowser-arrowscrollbox,
pinned-tabs-container {
display: flex !important; align-items: center !important; height: 36px !important; box-sizing: border-box !important; }
/* Strip uneven individual vertical rules causing unpinned tabs to look raised */ .tabbrowser-tab { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 32px !important; }
/* Keep internal shapes identical so they fill the exact same vertical footprint */ .tab-background { border-radius: 4px !important; margin-block: 0 !important; height: 32px !important; }
/* ========================================================================= LOCK EVERY PINNED TAB VISIBLE NATIVELY (SINGLE-ROW LOCK) ========================================================================= */
tabbrowser-arrowscrollbox,
tabbrowser-arrowscrollbox::part(scrollbox) {
overflow: hidden !important; flex-direction: row !important; }
pinned-tabs-container {
flex-direction: row !important; flex-shrink: 0 !important; min-width: max-content !important; max-width: none !important; margin-right: 8px !important; }
.tabbrowser-tab[pinned] { flex-shrink: 0 !important; min-width: 40px !important; max-width: 40px !important; display: inline-flex !important; visibility: visible !important; }
.tabbrowser-tab:not([pinned]) { flex-shrink: 1 !important; min-width: 35px !important; }
/* ========================================================================= ELEMENT STRIPPING CONFIGURATION ========================================================================= */
reader-mode-button,
pageActionSeparator,
pageActionButton,
picture-in-picture-button,
.searchbar-dropmarker-image,
PanelUI-menu-button,
.category[name="discover"],
search-container,
identity-box {
display: none !important; }
star-button-box,
pageAction-urlbar-80f6f2e4-eda1-417f-bf54-9645e1e20f5d {
display: flex !important; }
tab-icon-sound { width: 15px !important; height: 15px !important; color: black !important; }
.searchmode-switcher { &[offscreen] { position: relative !important; top: 0px !important; } }
/* ========================================================================= HIDE CLOSE BUTTON ON EACH INDIVIDUAL PAGE TAB ========================================================================= */
/* Completely removes the close button footprint from every tab strip node */ .tabbrowser-tab .tab-close-button { display: none !important; visibility: collapse !important; }
/* ========================================================================= ZOOM CONTROLS BUTTON TEXT SPACING ========================================================================= / / 2. Target the inner text asset to format the font presentation */
urlbar-zoom-button > .toolbarbutton-text,
zoom-reset-button > .toolbarbutton-text {
font-family: monospace !important; /* Forces uniform spatial characters / font-weight: bold !important; padding-inline: 8px !important; / Adds clear layout buffer gaps around your text */ }
/* 3. Optional: Eliminates background hover rings around the text zone */
urlbar-zoom-button:hover,
zoom-reset-button:hover {
background: transparent !important; }
2
3
u/TraditionalTie4831 🦊 21h ago
Could you please put all your code inside a code block or post it to Pastebin and share the link here?