We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

אשכול זה הועבר לארכיון. נא לשאול שאלה חדשה אם יש לך צורך בעזרה.

FF84 & my_userchrome not playing nice

  • 2 תגובות
  • 1 has this problem
  • 14 views
  • תגובה אחרונה מאת 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
צילומי מסך מצורפים

השתנתה ב־ על־ידי FineWine

כל התגובות (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

השתנתה ב־ על־ידי FineWine