userChrome.css - Help With Customizing Tabs (part 2)

Hi All, I would like the content area of my tabs moved up so that the box is filled with the actual tab color, without the white background, and also the text will be ve… (читать ещё)

Hi All,

I would like the content area of my tabs moved up so that the box is filled with the actual tab color, without the white background, and also the text will be vertically centered. Right now, the text is dropping too close to the bottom of the tab.

Had this looking very nice in FF 88 with the same code, as you can see in the attached images, but it seems to render differently in FF 115 ESR and FF 125.

Below is some code I used to style the tabs, but the problem exists without this code as well.

I've also included some "tabs on bottom" code I'm using as well at the very bottom.

Would sure like to get those Classic Toolbar Buttons working again too (shown in the second image), but that will be a later request :)

Any help is appreciated.

Thanks!

/* Highlight non-selected tabs on mouseover */ .tabbrowser-tab:not([selected]):hover .tab-content {

  background-color: #dbe3eb !important;

}

  1. TabsToolbar {
 -moz-box-ordinal-group: 3 !important;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 height: 25px !important;
 background-image: url("bkmr_back.gif") !important;
 border-top: 1px solid #afc0d2 !important;
 border-bottom: 1px solid #8698aa !important;

}

/* Background color of selected tab */ .tab-background[selected="true"] {

   background-attachment: none!important;
   background-image: none!important;
   background-color: #eef5fc !important;

}

/* Background color of non-selected tab */ tab-background:not([selected]) {

   color: #000000 !important;
   background-color: #c7d3e0 !important;

}

/* Border color & bold text for selected tab */

  1. TabsToolbar .tabbrowser-tab[selected] {
   font-weight: 700 !important;
   color: #000 !important;
   border-top: 1px solid #8698aa !important;
   border-left: 1px solid #8698aa !important;
   border-right: 1px solid #8698aa !important;

}

/* Border color & normal text for non-selected tab */

  1. TabsToolbar .tabbrowser-tab:not([selected]) {
   font-weight: 600 !important;
   color: #000 !important;
   border-top: 1px solid #afc0d2 !important;
   border-left: 1px solid #afc0d2 !important;
   border-right: 1px solid #afc0d2 !important;

}

/* -------------- TABS ON BOTTOM --------------- */ /* TABS: below nav-bar - updated for 89+ | 108+ | 113+ */

  • |*:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 25px !important; /* adjust */
 --tab-min-width:  80px !important; /* adjust */

}

  1. navigator-toolbox #TabsToolbar {
 position: absolute !important;
 bottom: 0;
 /* height: 27px !important; */
 height: 28px !important;
 width: 100vw !important;

}

/* navigator-toolbox - padding */

  • |*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
 position: relative !important; /*89+*/
 padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
 background-color: var(--toolbar-bgcolor) !important;

}

/* TABS: HEIGHT */

  1. tabbrowser-tabs,
  2. tabbrowser-arrowscrollbox,
  3. tabbrowser-tabs .tabbrowser-tab {
 min-height: var(--tab-min-height) !important;
 max-height: var(--tab-min-height) !important;

}

.tab-stack {

 height: var(--tab-min-height) !important;

}

  1. TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 0px !important;
 /* box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*optional*/
 /* background-color: var(--toolbar-bgcolor) !important; */
 color: var(--toolbar-color) !important;

}

/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {

 width: 40px;

}

/* Override vertical shifts when moving a tab */

  1. navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
 padding-bottom: unset !important;

}

  1. navigator-toolbox[movingtab] #tabbrowser-tabs {
 padding-bottom: unset !important;
 margin-bottom: unset !important;

}

  1. navigator-toolbox[movingtab] > #nav-bar {
 margin-top: unset !important;

}

/* hide indicators and caption buttons */

  1. TabsToolbar .private-browsing-indicator {display: none !important;}
  2. TabsToolbar .accessibility-indicator {display: none !important;}
  3. TabsToolbar .titlebar-buttonbox-container {display: none !important;}
  4. TabsToolbar #window-controls {display: none !important;}

/* -------------- TABS ON BOTTOM --------------- */

Задан Slouch 2 дня назад

Последний ответ от Slouch 6 минут назад

Captcha partly loads, spins at tick box, does not time out.

Hi, I can't use Firefox because a captcha won't complete loading. I have uninstalled and reinstalled, cleared cache and disabled add ons. I am using a vpn (PIA). Chrom… (читать ещё)

Hi, I can't use Firefox because a captcha won't complete loading. I have uninstalled and reinstalled, cleared cache and disabled add ons. I am using a vpn (PIA). Chrome and Edge both load and operate OK. Thanks in advance.

Captchas are an ongoing issue. Firefox seems to have a LOT more captchas than other browsers. Is there a problem between Mozilla and Google?

Задан Brenton Roy 23 часа назад

Последний ответ от Brenton Roy 12 минут назад

Firefox extremely slow to load pages or connect to Web sites after startup - Follow-Up

I see my original question is now archived at https://support.mozilla.org/en-US/questions/1380948#question-reply I never closed it because I didn't know if my last proc… (читать ещё)

I see my original question is now archived at https://support.mozilla.org/en-US/questions/1380948#question-reply I never closed it because I didn't know if my last process could really fix the issue. It didn't, not always. Over the years, there have been times when the issue would still pop up, but not as often as before (2022 and earlier).

I have a feeling that during an issue, FF is having difficulty setting up shop after starting up. Consequently, it is spending more time before it could become prepared to connect to the Net. I've come up with another "solution," which is deleting (or moving out) xulstore.json in the profile folder after exiting or before starting FF. You can create a batch command or script to execute the process.

So far, FF is connecting immediately after startup.

Задан mobilesuit 1 неделю назад

Последний ответ от mobilesuit 34 минуты назад

Can't setup manual configuration for email protocol

Running Thunderbird 115.10.1 on Mac OS Catalina 10.15.7. Mail stopped communicating. Tried using the "Access Account Setup" for existing Email. Put in full name, email ad… (читать ещё)

Running Thunderbird 115.10.1 on Mac OS Catalina 10.15.7. Mail stopped communicating. Tried using the "Access Account Setup" for existing Email. Put in full name, email address and password and clicked continue to have Thunderbird configure the settings automatically. Did not work with auto settings (POP3). Went back to "Access Account Setup" for Existing Email and instead of clicking continue, I selected "Configure manually". Tried putting in the IMAP protocols and correct port settings, but the "Done" button is grayed out. I am at a loss of what to do to get my email back up and running and at the same time don't want to lose and emails/folders that are currently set up. Any help would be great.

Thanks

Задан mcclungjohn 5 дней назад

Последний ответ от mcclungjohn 1 час назад

thumder bird mail drafts folder

not sure if this is where i should be but i tried the Thunderbird help and got no answer. After the most recent Thunderbird up date and a Thunderbird install over e… (читать ещё)

not sure if this is where i should be but i tried the Thunderbird help and got no answer. After the most recent Thunderbird up date and a Thunderbird install over existing one when i go to my drafts folder and click on any draft or save message in there i get a yellow bar at the bottom of the page that i have never seen before . Now i do not want recreate a new profile and lose all my contacts book marks add on etc. how do i remove that yellow bar in Thunderbird mail

Задан Mary 23 часа назад

Последний ответ от Mary 1 час назад

Cannot Change Mail Password

I had to change my Google account and therefore my Gmail password due to a reported security breach. I've successfully changed my password for Gmail on my iPhone and iPad… (читать ещё)

I had to change my Google account and therefore my Gmail password due to a reported security breach. I've successfully changed my password for Gmail on my iPhone and iPad but I can't on T'Bird.

I expected that when I opened T'Bird, I'd get an error message saying my password was invalid and then prompting me to enter the new password for my Gmail account. That's the way it used to work and it worked well.

Instead, I get some sort of useless error message about STAT (??) and my credentials are invalid. I get no prompt to enter the now changed password. I get no info as to WHAT credentials aren't valid.

So I opened the Password Manager, found the Gmail line, entered Show Passwords and then edit password. I entered the new password, double checked it and closed out the Password Manager. I get the same useless message about STAT. The old password was *not* the Gmail password.

I opened the Password Manager to find the password is entered correctly. Why is this simple operation so miserably difficult? The old method worked perfectly every time now this one won't at all.

Задан Paul Cassel 5 дней назад

Последний ответ от Paul Cassel 3 часа назад

Unable To Install Firefox on Zebra Scanner TC8000 Running Android 5.1.1

I have two Zebra TC8000 hand scanners running Android OS 5.1.1 that I've reset to factory defaults. I need to download and install Firefox but each installation attempt … (читать ещё)

I have two Zebra TC8000 hand scanners running Android OS 5.1.1 that I've reset to factory defaults. I need to download and install Firefox but each installation attempt fails either at the download or at installation. No real detail is given as to what the issue is. I just get a message "Queueing" or "X App not installed."

I've attempted to install our regular APK that has historically worked fine. The download location is... https://download.moziilla.org/?product=fennec-latest&os=android&lang=multi The APK from this site no long downloads. The download status just shows "QUEUEING" for 5-7 minutes then fails.

I switched to browsing directly to the Mozilla FTP page and attempted to download several versions of Firefox for Android. The latest version 125.0 at... https://ftp.mozilla.org/pub/fenix/releases/125.0/android/ Here, I tried installing each of the three APKs offered here and receive the message "X App not installed" with each attempt. I am, at least, able to successfully download the APK and launch the install but I can't get the install to work.

Any clue on what could be wrong?

Задан vernon.heard 3 часа назад

Password reset

Thunderbird is asking for my password. I have forgot the one I used several years when starting to use the product please help!

Задан Brandon 3 часа назад

how to turn of annoying "Update available" reminders?

How do I turn off those annoying "update available" notifications/reminders that keep popping up? I've gone into Settings, and in the Updates section firefox only let's m… (читать ещё)

How do I turn off those annoying "update available" notifications/reminders that keep popping up? I've gone into Settings, and in the Updates section firefox only let's me select auto updates or check for updates. I searched online but couldn't seem to find anything about how to disable the notifications all together with the newer version of FF. It's driving me crazy, thinking of switching browsers because of this. Thanks in advance!

Задан eli.adelson 8 часов назад

Последний ответ от eli.adelson 4 часа назад

Current Thunderbird Version

According to Help>About Thubderbird the current version is 115. But searches in my browser tells me the latest version is 105. Am I not searching deep enough? Thanks… (читать ещё)

According to Help>About Thubderbird the current version is 115. But searches in my browser tells me the latest version is 105.

Am I not searching deep enough?

Thanks, James

Задан JamesJ 2 дня назад

Последний ответ от JamesJ 5 часов назад

Getting my OLD Firefox Configuration back

Dear People --- FIRST: I apologize for taking so ling. I had physical probs, that kept me from coming back. SECOND: I'm afraid that I can't solve this problem with the a… (читать ещё)

Dear People --- FIRST: I apologize for taking so ling. I had physical probs, that kept me from coming back. SECOND: I'm afraid that I can't solve this problem with the advice provided. There was a file mentioned [which slips my mind, and I can't look for it with out leaving this screen] that is supposed to be on my desk top. I couldn't find it, so things stopped there.

SO..... I'm reiterating my problem: I loaded an "update" to Firefox that was supposed to get around the obnoxious "THIS BROWSER IS NO LONGER SUPPORTED" message I'd get on certain web-sites [such as the Milwaukee Journal]. I never understood that, as I am careful to update programs, when the updates are available. SO: While I was on the Milwaukee Journal Site, I clicked on the "Firefox Update" that the Journal's site recommended. What happened was I got the Current Version, and LOST all of my add-ons. After problems I can't go into here, "The Cat's Back." Please advise whether I can get things back after this much time.

N.B.: I'm running Windows 10.

THANKX! C M The Gray Cat

Задан The Gray Cat 5 часов назад

Website not workin

I use Lightfolio.com for my website hosting. My computer does not let me login or load the website using Firefox. I've deleted the cookies, and played with the settings, … (читать ещё)

I use Lightfolio.com for my website hosting. My computer does not let me login or load the website using Firefox. I've deleted the cookies, and played with the settings, and it still doesn't work. I'm really needing help as this is dampering my business.

Задан shannonharrisphotography 5 часов назад

userchrome.js: how to get notified when tabs open and close?

I've recently started using the Tree Style Tab extension, and I'm finding it useful, but I'd like it if the list of tabs could be automatically hidden when only one tab i… (читать ещё)

I've recently started using the Tree Style Tab extension, and I'm finding it useful, but I'd like it if the list of tabs could be automatically hidden when only one tab is open (and automatically shown when more than one tab is open).

I hoped to write an extension to do this, but opening the sidebar from an extension requires a user gesture, so I suspect I'll have to use a userchrome.js script.

From a "userchrome.js"-like environment (i.e. unsandboxed AutoConfig), I can hide and show the sidebar with `SidebarUI.hide()` and `SidebarUI.show("treestyletab_piro_sakura_ne_jp-sidebar-action")`, and I can examine the tabs open in the current window via `gBrowser.tabs`, but I can't see how to get notified when the number of tabs changes (replacing `gBrowser.tabs` with a proxy doesn't work, for example). I suppose I could just check every few seconds? That feels like a bit of a cop-out, though, and gets more and more inefficient the more windows are open.

There's an API for extensions to receive events when tabs open and close, so clearly this is possible. Where should I be looking for this functionality?

(I also don't know how I would go about unregistering an event listener (or cancelling a setInterval call!) when the window closes, assuming that's necessary to avoid leaking resources – is there an event like `chrome-document-global-created` I could listen for, but that fires during teardown of the window rather than when one is created?)

Задан ash 5 часов назад