• Решено

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 1 неделю назад

Дан ответ Slouch 4 дня назад

Double icons on Stop & Reload buttons when using custom icons

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my St… (читать ещё)

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my Stop icon.

Please see attached image and animation.

Any idea if this is a minor bug?

Below is my code to split the Reload button into Reload & Stop buttons, then to add text to the navigation buttons, and finally to add icons to the navigation buttons.

This anomaly happens whether or not I split the Reload & Stop buttons. With just a single Reload button, I'm also seeing the default Reload icon appear over my own.

Thank you.

/* ---------- SPLIT RELOAD BUTTON INTO RELOAD & STOP ------------- */
#reload-button, #stop-button {
   display: inherit !important; 
} 
#reload-button > .toolbarbutton-icon {
  -moz-appearance: none !important; 
}


/* ------------ ADD TEXT LABELS TO NAVIGATION TOOLBAR BUTTONS --------------- */
/* Shows both icon and label for toolbarbuttons */
toolbar .toolbarbutton-1[label]{
  flex-direction: column;
  align-items: center !important;
}
toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
toolbar .toolbarbutton-1[label] > .toolbarbutton-icon,
toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
  padding: var(--toolbarbutton-inner-padding) !important;
  padding-bottom: 0px !important;
  height: calc(var(--toolbarbutton-inner-padding) + 16px) !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text {
  display: flex !important;
  min-height: 16px !important;
  padding-top: 3px !important;
  padding-bottom: 6px !important;
  background-color: transparent !important;
  overflow: hidden;
  width: 9ch; /* changes space between buttons */
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text::before{
  margin-inline: auto;
 }
:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; }


/* ------------ ADD CUSTOM ICONS TO NAVIGATION TOOLBAR BUTTONS ----------- */
#back-button {
   list-style-image: url("image/back.png") !important;
   padding-top: 8px !important;
}
#back-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#forward-button {
   list-style-image: url("image/forward.png") !important;
   padding-top: 8px !important;
}
#forward-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#reload-button {
   list-style-image: url("image/reload.png") !important;
   padding-top: 8px !important;
}
#reload-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#stop-button {
   list-style-image: url("image/stop.png") !important;
   padding-top: 8px !important;
}
#stop-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#print-button {
   list-style-image: url("image/print.png") !important;
   padding-top: 8px !important;
}
#print-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#home-button {
   list-style-image: url("image/home.png") !important;
   padding-top: 8px !important;
}
#home-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}

Задан Slouch 3 дня назад

Последний ответ от Slouch 3 дня назад

Firefox keeps asking to reinstall. It fails to check for updates. I have Windows 11 and Firefox 124.0.2

I have Windows 11 and Firefox 124.0.2. Firefox keeps asking to reinstall. I think it is because I keep getting the message that it fails to check for updates. I don't kno… (читать ещё)

I have Windows 11 and Firefox 124.0.2. Firefox keeps asking to reinstall. I think it is because I keep getting the message that it fails to check for updates. I don't know if I have installed the Microsoft Firefox or the direct Mozilla Firefox downloaded. Maybe that is the problem, but I am not tech savvy. I have used Firefox for many years and like it. I am also too old (83) to deal with these problems. Help!

Задан tommcgrath 3 недели назад

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

  • Решено

After updating to 125.0.1, checking for updates fails.

I recently updated to 125.0.1 and now get 'failed to check for updates': - when I manually check (help > about Firefox) (see image) - in 'settings' it also shows 'fail… (читать ещё)

I recently updated to 125.0.1 and now get 'failed to check for updates': - when I manually check (help > about Firefox) (see image) - in 'settings' it also shows 'failed to check for updates' (see image) I never had such a problem with previous versions; any suggestions?

Задан o.damen 2 недели назад

Дан ответ o.damen 2 недели назад

Trying to set my tab close button to the left

I am using theme called WhiteSur to imitate Safari, as that is the browser layout I prefer. However, this doesn't change the position of the close tab button and leaves i… (читать ещё)

I am using theme called WhiteSur to imitate Safari, as that is the browser layout I prefer. However, this doesn't change the position of the close tab button and leaves it on the right hand side. I found a way to change it, using the code .tabbrowser-tab .tab-close-button {

 margin-left: -5px !important;
 margin-right: 2.5px !important;

} Unfortunately, this doesn't change based on the size of the tab, so if I set it to a size that is good for only having 1 tab, it will look bad or be off the screen for the other amounts of tabs. Is there a way to detect the width of the tab or the amount of tabs open and dynamically set the margins based off of this? So I could set it as (width-of-tab)-x and that would always keep the close tab button in the same spot, regardless of tab size. Thanks!

Задан williamoflowden 9 часов назад

Последний ответ от jscher2000 - Support Volunteer 8 часов назад

cannot get emails on my desktop. i get emails on my IOS smart phone

I do not get my emails on my desktop. My email address ends with ---@ comcast.net. I can be reach via text on my Iphone. Thanks, Al Mizrahi … (читать ещё)

I do not get my emails on my desktop. My email address ends with ---@ comcast.net. I can be reach via text on my Iphone. Thanks, Al Mizrahi

Задан almizrahi 1 день назад

Последний ответ от jonzn4SUSE 1 день назад

Cookies and site data WILL NOT delete

I've been trying to delete cookies and site data multiple times and it will not delete, even after multiple attempts to fix it. Such as deleting Mozilla folder in file ex… (читать ещё)

I've been trying to delete cookies and site data multiple times and it will not delete, even after multiple attempts to fix it. Such as deleting Mozilla folder in file explorer and downloading an extension to delete cookies and cache. Everything else gets deleted fine except for 2 sites.

Задан SILENT 1 день назад

Последний ответ от cor-el 1 день назад

FireFox crashes on startup after sudden pc shutdown

After accidentally cutting power to my pc, Firefox has been crashing upon start. I've tried using Troubleshoot Mode, refreshing, reinstalling, and even manually deleting … (читать ещё)

After accidentally cutting power to my pc, Firefox has been crashing upon start. I've tried using Troubleshoot Mode, refreshing, reinstalling, and even manually deleting all my user data, but nothing has worked. These crashes do not appear in the crash logs, and happen instantly upon opening the program.

Oddly enough, using task manager to restart Windows Explorer stops the crashing, at least for thirty or so seconds (this is how I was able to try Troubleshoot Mode, as well as accessing logs). I have no idea why this is, nor if it's useful information.

Задан enochbennett144 1 день назад

Последний ответ от cor-el 1 день назад

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 2 недели назад

Последний ответ от mobilesuit 1 день назад

moz-extension keeps loading at startup but no related extension appears in my extension list

Hi and thanks for your help. I was playing around with my DMARC settings for my new site and was looking around at who was hosting my WordPress domain for http://ibizign… (читать ещё)

Hi and thanks for your help. I was playing around with my DMARC settings for my new site and was looking around at who was hosting my WordPress domain for http://ibizignite.com, and Google directed me to GoDaddy. That was wrong. However, in my fooling around, somehow GoDaddy and this associate Westechnologies keeps popping up when I open up my browser after booting up my computer, and I cannot get rid of it. I don't know where to find it, because there is no associated extension anywhere in my extension list.

Here is the address that came up: moz-extension://dfdaa01e-fa7e-4241-8590-a19edb2ec40f/data/blocked/index.html?url=https://www.godaddy.com/forsale/www.westechnologies.com?utm_source=TDFS_BINNS&utm_medium=parkedpages&utm_campaign=x_corp_tdfs-binns_base&traffic_type=TDFS_BINNS&traffic_id=binns&

I tried to use another add-on to block it, and it does, but the darn site keeps appearing every startup after a fresh boot, and neither Westechnologies not GoDaddy appear anywhere in my Zone Map or anywhere else in my registry. Can anyone help me get rid of it please?

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

Последний ответ от jscher2000 - Support Volunteer 1 день назад

Default speaker settings do not work correctly in Firefox

Hello. Our organization is experiencing an issue where sound settings are not carrying over correctly to Firefox. Specifically, this is with speaker settings. In multiple… (читать ещё)

Hello. Our organization is experiencing an issue where sound settings are not carrying over correctly to Firefox. Specifically, this is with speaker settings. In multiple calling platforms (tested in Genesys Cloud and Teams), we are not able to adjust the settings for the speaker that audio plays from. We can adjust the default microphone setting, but not the speaker setting. This is only occurring in Firefox (works fine in Edge and Chrome).

Additionally, we've tried adjusting the default audio settings by going to Windows > Sound settings > App volume and device preferences, and changing the settings specifically for Firefox on this page. This does not work. When we check Teams or Genesys Cloud, it seems like Firefox is just picking any default without a rhyme or reason.

Any assistance would be greatly appreciated.

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

Последний ответ от zeroknight 1 неделю назад

firefox extension can't read and change data on this site

why can't I use the lingq importer extention? I get a message for all my extentions that says: firefox extension can't read and change data on this site. It's preventing … (читать ещё)

why can't I use the lingq importer extention? I get a message for all my extentions that says: firefox extension can't read and change data on this site. It's preventing me from using the LingQ importer extention.

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

Последний ответ от jscher2000 - Support Volunteer 1 неделю назад

Trying to update email address

Am trying to update my email address. When I try to make the secondary the primary, it wants a verification code entered. The field for this code will not let me paste it… (читать ещё)

Am trying to update my email address. When I try to make the secondary the primary, it wants a verification code entered. The field for this code will not let me paste it or enter it manually. Will this glitch be fixed soon?

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

latest FFox supernova blew up reader view

In previous versions of FFx, toggling to Reader view used the same font I'd chosen in Settings / wherever. Now it's something else, in boldface with no distinctions made … (читать ещё)

In previous versions of FFx, toggling to Reader view used the same font I'd chosen in Settings / wherever. Now it's something else, in boldface with no distinctions made in original view (italics, not italics, etc). & there doesn't seem to be any way I can control fonts in Reader.

Any suggestions? In plain English, please, I am NOT a programmer or computer professional, just a regular human trying to use this new version that seems to have broken everything I liked about FFx.

Задан pat.g888 3 недели назад

Последний ответ от pat.g888 3 недели назад

Intermittent internet outage/reconnection happening only on Facebook

Starting Friday April 19, I have been experiencing constant very brief internet outages/reconnections while using Facebook on the desktop. The outages do not occur anywhe… (читать ещё)

Starting Friday April 19, I have been experiencing constant very brief internet outages/reconnections while using Facebook on the desktop. The outages do not occur anywhere else on the internet...and do not occur on other browsers. I prefer to use Firefox. I am using Windows 11.

Задан Hojoman 3 недели назад

Viewport in the devtools going out of bounds when resizing the viewport

Hello everyone, I’m a fan of Firefox due to its efficient handling of webpage caching and memory management. However, I often find myself switching back to the Chromium-b… (читать ещё)

Hello everyone, I’m a fan of Firefox due to its efficient handling of webpage caching and memory management. However, I often find myself switching back to the Chromium-based Edge browser due to one specific feature in its DevTools. In Edge, when I resize the viewport, it stops at a certain limit. If I want to resize it further, I can zoom out and then continue resizing. I find this feature very useful. Is there a way to have similar functionality in Firefox? I’m currently using the Firefox Developer Edition.

Задан Aditya 3 недели назад