Firefox-Hilfeforum

Some months ago, Firefox stopped displaying the blue progress bar that would normally show once you clicked on the download icon. You still see the usual file info but now the progress bar of the download is gray instead of blue and is extremely hard to see. You have to look closely but in the first screenshot you can see where the shade of gray of the progress bar changes, just under the "6" of the "x86" part of the file name. But if you click on the "show all downloads" link, then the blue progress bar will show as usual for any in-progress downloads in the Library window, as shown in the second screenshot.

It isn't a huge issue but is still annoying when you just want to quickly see the progress of downloads in Firefox. I haven't changed any of the colors in Firefox or in Windows for that matter, I'm currently running Windows 10. All other dialog boxes, windows, etc. all display normally on my system. Just curious if anyone else is having this problem and hopefully a future update can take care of it.

Thanks very much!

When I press the pause button on my keyboard, it doesn't stop the YouTube video like it used to. I'm not sure why it stopped working. I've checked the key, and it works fine in Chrome.

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;
}

Hi All,

Any idea why the menu code I'm using below to reduce padding in menu items is only affecting Firefox in Windows 10, but not in Windows 7?

Please see attached images.

It's a very strange anomaly. This is true for both FF 125 and FF 115 ESR.

Thanks to all who respond.

/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/ /*

*
* why doesn't this affect the Firefox menu bar in Windows 7?  only in windows 10?
*
*/

menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu {

 padding-block: 0px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
 min-height: unset !important; /* v92.0 - for padding below 4px */

}

root {

 --arrowpanel-menuitem-padding: 4px 8px !important;

}

hi the translate fucion in firefox is vry usefull, but i want to NOT TRANSLATE ANYTHING EXCEPT sites i select only

i.e. surfing around german site.. .leave it german, but i if i am interest in "german.de/talkshow" select it and translate only this

i see option to translate EVERYTHING and use some exception, but its the opposite of what looking for

thanx christos

Do Firefox menus appear differently in Windows 10 than they do in Windows 7?

In Windows 7, I see the normal system menus - square corners, light blue menu item highlights, 3D column line on the left, dark drop shadow below and to the right of the menu.

In Windows 10 I notice differences - gray-highlighted menu items, rounded corners, no drop shadow, etc.

I'm not using any code to style the menus.

Please see attached images.

Thanks to all who respond.