Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

FF84 & my_userchrome not playing nice

  • 2 biyano
  • 1 eza na nkokoso oyo
  • 14 views
  • Eyano yasuka ya cor-el

FineWine
FineWine
more options

Since updating to FF84 this morning my_userChrome has been disrupted. As you can see from the screen shot the #personal-bookmarks #PlacesToolbar toolbarseparator has become extremely thick.

My normal my_userChrome code has always been:

/*******************************************/ /* NavBar & Personal ToolBar Separator Lines */ /*******************************************/ 

#main-window:not([customizing]) #nav-bar toolbarspring {
 -moz-appearance: separator !important;
 min-width: 1px !important;
 max-width: 1px !important;
 -moz-margin-start: 1px !important;

}

/* Highlight ToolBar Separator Lines */ 

#personal-bookmarks #PlacesToolbar toolbarseparator {

margin : 2px 0.2em; border-right : 1px dotted ThreeDHighlight; border-left : 1px dotted ThreeDShadow; width : 1px; background : #000000 !important; } 

#PersonalToolbar toolbarseparator {

margin : 2px 0.2em; border-right : 1px dotted ThreeDHighlight; border-left : 1px dotted ThreeDShadow; width : 1px; background : #000000 !important; } 

#nav-bar toolbarseparator {
	margin : 2px 0.2em;
	border-right : 1px dotted ThreeDHighlight;
	border-left : 1px dotted ThreeDShadow;
	width : 1px;
	background : #000000 !important;
	}


Is this a new bug or have things changed with FF84?

Thanks

Since updating to FF84 this morning my_userChrome has been disrupted. As you can see from the screen shot the #personal-bookmarks #PlacesToolbar toolbarseparator has become extremely thick. My normal my_userChrome code has always been: /*******************************************/ /* NavBar & Personal ToolBar Separator Lines */ /*******************************************/ #main-window:not([customizing]) #nav-bar toolbarspring { -moz-appearance: separator !important; min-width: 1px !important; max-width: 1px !important; -moz-margin-start: 1px !important; } /* Highlight ToolBar Separator Lines */ #personal-bookmarks #PlacesToolbar toolbarseparator { margin : 2px 0.2em; border-right : 1px dotted ThreeDHighlight; border-left : 1px dotted ThreeDShadow; width : 1px; background : #000000 !important; } #PersonalToolbar toolbarseparator { margin : 2px 0.2em; border-right : 1px dotted ThreeDHighlight; border-left : 1px dotted ThreeDShadow; width : 1px; background : #000000 !important; } #nav-bar toolbarseparator { margin : 2px 0.2em; border-right : 1px dotted ThreeDHighlight; border-left : 1px dotted ThreeDShadow; width : 1px; background : #000000 !important; } Is this a new bug or have things changed with FF84? Thanks
Bafoto sur écran jointes

Ezalaki modifié na FineWine

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Okay, it seems that whatever is happening is inside the dotted borders. Do you think there might be a bunch of new padding there? If you are familiar with the Browser Toolbox, try using the Inspector there to check on that.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try to add the !important flag to the margin and width rules.

You may also have to add a -moz-appearance: none !important; rule.

I use code like this: 

#personal-bookmarks toolbarseparator {
 -moz-appearance: none !important;
 width: 1px !important;
 background-color: #00000050 !important;
 padding: 0px !important;
 margin: 3px 4px 3px 4px !important;
}

FineWine
FineWine Nkolo motuna
more options

Thanks guys. Your suggestions pointed me in the correct direction. As you can from the screenshot the separators are back to normal. I had to do some rewrite of the code: New code is:

/*******************************************/ /* NavBar & Personal ToolBar Separator Lines */ /*******************************************/

  1. main-window:not([customizing]) #nav-bar toolbarspring { 
   -moz-appearance: separator !important;
   min-width: 1px !important;
   max-width: 1px !important;
   -moz-margin-start: 1px !important;

}

/* Highlight ToolBar Separator Lines */

  1. personal-bookmarks #PlacesToolbar toolbarseparator { 
       -moz-appearance: none !important;

margin : 2px 0.2em; border-right : 0.5px dotted ThreeDHighlight; border-left : 0.5px dotted ThreeDShadow; min-width: 1px !important; 

       max-width: 1px !important;

background : #000000 !important; 

       padding: 0px !important;

}

  1. PersonalToolbar toolbarseparator { 
       -moz-appearance: none !important;

margin : 2px 0.2em; border-right : 0.5px dotted ThreeDHighlight; border-left : 0.5px dotted ThreeDShadow; 

      min-width: 1px !important;
      max-width: 1px !important;
      background : #000000 !important;
      padding: 0px !important;

} 

#nav-bar toolbarseparator {
       -moz-appearance: none !important;
	margin : 2px 0.2em;
	border-right : 0.5px dotted ThreeDHighlight;
	border-left : 0.5px dotted ThreeDShadow;
	min-width: 1px !important;
       max-width: 1px !important;
	background : #000000 !important;
   padding: 0px !important;
	} 



I also forgot mention I also use CustomCSSforFx by Aris-t2

Ezalaki modifié na FineWine