This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

This thread was archived. Please ask a new question if you need help.

FF84 & my_userchrome not playing nice

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by 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
Attached screenshots

Modified by FineWine

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 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 Question owner
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

Modified by FineWine