X
Tap here to go to the mobile version of the site.

ஆதரவு மன்றம்

Trouble With Bookmarks Toolbar Items Showing Up / Rendering

  • 6 replies
  • 2 இந்த பிரச்னைகள் உள்ளது
  • Last reply by sparklegem
பதிவிடப்பட்டது

Greetings,

I believe I've hit a UI glitch. I'd really love a bookmark placed on the same line as the address bar--it would be so convenient! But unfortunately it doesn't seem to be displaying correctly.

While in Customize mode, I've tried dragging the 'Bookmarks Toolbar Items' to various places: before the Back button, after the search box, between other buttons, etc.

It places itself correctly while in Customize mode, but after I hit 'Exit Customize', the Bookmarks Toolbar Items almost always don't display correctly. Sometimes I see a bunch of empty space with narrow vertical button that I can click to get a drop down menu of my bookmarks, and sometimes all I see is a bunch of empty space period. Every once and a while if I fiddle with the order in which I move around and add buttons to that top bar, I can get the Bookmarks Toolbar Items to render correctly for a bit, but it soon glitches again.

Greetings, I believe I've hit a UI glitch. I'd really love a bookmark placed on the same line as the address bar--it would be so convenient! But unfortunately it doesn't seem to be displaying correctly. While in Customize mode, I've tried dragging the 'Bookmarks Toolbar Items' to various places: before the Back button, after the search box, between other buttons, etc. It places itself correctly while in Customize mode, but after I hit 'Exit Customize', the Bookmarks Toolbar Items almost always don't display correctly. Sometimes I see a bunch of empty space with narrow vertical button that I can click to get a drop down menu of my bookmarks, and sometimes all I see is a bunch of empty space period. Every once and a while if I fiddle with the order in which I move around and add buttons to that top bar, I can get the Bookmarks Toolbar Items to render correctly for a bit, but it soon glitches again.
Attached screenshots

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Add code to the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#nav-bar-customization-target > #personal-bookmarks { -moz-box-flex:1 !important; }


The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

You can use this button to go to the currently used Firefox profile folder:

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
Read this answer in context 0

Additional System Details

நிறுவப்பட்ட நிரல்கள்

  • ActiveTouch General Plugin Container Version 105
  • Adobe PDF Plug-In For Firefox and Netscape 11.0.10
  • Amazon MP3 Downloader Plugin 1.0.17
  • CANON iMAGE GATEWAY Album Plugin Utility Module for IJ
  • Foxit Reader Plug-In For Firefox and Netscape
  • Version 5.38.6.0
  • Google Update
  • Intel web components for Intel® Identity Protection Technology
  • Intel web components updater - Installs and updates the Intel web components
  • Next Generation Java Plug-in 11.31.2 for Mozilla browsers
  • Microsoft Lync 2010 Attendee Meeting Join Plug-in
  • Microsoft Lync Web App Plug-in
  • The plugin allows you to have a better experience with Microsoft SharePoint
  • NPWLPG
  • RealPlayer Download Plugin
  • This plug-in enables downloading of HTML5 videos
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • Shockwave Flash 16.0 r0
  • 5.1.31211.0
  • VLC media player Web Plugin 2.1.3

பயன்பாடு

  • Firefox 35.0.1
  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
  • Support URL: https://support.mozilla.org/1/firefox/35.0.1/WINNT/en-US/

நீட்சிகள்

  • Adblock Plus 2.6.7 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • NoScript 2.6.9.11 ({73a6fe31-595d-460b-a920-fcc0f8843232})
  • RealDownloader 17.0.15 ({338950EA-82DB-44C1-930D-0C28E023C9F0})
  • Skype Click to Call 7.3.16540.9015 ({82AF8DCA-6DE9-405D-BD5E-43525BDAD38A})
  • Tumblr Savior 0.4.13 (jid1-W5guVoyeUR0uBg@jetpack)
  • Xmarks 4.3.5 (foxmarks@kei.com)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: AMD Radeon HD 7450 Graphics
  • adapterDescription2:
  • adapterDeviceID: 0x677b
  • adapterDeviceID2:
  • adapterDrivers: aticfx64 aticfx64 aticfx64 aticfx32 aticfx32 aticfx32 atiumd64 atidxx64 atidxx64 atiumdag atidxx32 atidxx32 atiumdva atiumd6a atitmm64
  • adapterDrivers2:
  • adapterRAM: 1024
  • adapterRAM2:
  • adapterSubsysID: 24971462
  • adapterSubsysID2:
  • adapterVendorID: 0x1002
  • adapterVendorID2:
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 6.2.9200.16571
  • driverDate: 3-8-2012
  • driverDate2:
  • driverVersion: 8.951.0.0
  • driverVersion2:
  • info: {u'AzureCanvasBackend': u'direct2d', u'AzureFallbackCanvasBackend': u'cairo', u'AzureContentBackend': u'direct2d', u'AzureSkiaAccelerated': 0}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • webglRenderer: Google Inc. -- ANGLE (AMD Radeon HD 7450 Graphics Direct3D9Ex vs_3_0 ps_3_0)
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
the-edmeister
  • Top 25 Contributor
  • Moderator
5406 தீர்வுகள் 40224 பதில்கள்
பதிவிடப்பட்டது

Moving the Bookmarks Toolbar Items to the Navigation Bar like that - anywhere on the Nav Bar - just doesn't work as well as it did with Firefox 28 and earlier versions.

With Firefox 1 all the way up thru Firefox 28, I had one unlabeled folder containing bookmarklets [showed a drop-down of the bookmarklets in that folder when I clicked on the folder icon] sitting between the Location Bar and the Search Bar which worked fine for over10 years. But as of Firefox 29 it works, but when I open a new window the ellipsis (double-right dotted arrows) appears and the separation between the Location Bar and the Search Bar doubles in size.

Sorry, I don't have a solution, but I feel your pain.

Moving the Bookmarks Toolbar Items to the Navigation Bar like that - anywhere on the Nav Bar - just doesn't work as well as it did with Firefox 28 and earlier versions. With Firefox 1 all the way up thru Firefox 28, I had one unlabeled folder containing bookmarklets ''[showed a drop-down of the bookmarklets in that folder when I clicked on the folder icon]'' sitting between the Location Bar and the Search Bar which worked fine for over10 years. But as of Firefox 29 it works, but when I open a new window the ellipsis (double-right dotted arrows) appears and the separation between the Location Bar and the Search Bar doubles in size. Sorry, I don't have a solution, but I feel your pain.
cor-el
  • Top 10 Contributor
  • Moderator
17523 தீர்வுகள் 158446 பதில்கள்
பதிவிடப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Add code to the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#nav-bar-customization-target > #personal-bookmarks { -moz-box-flex:1 !important; }


The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

You can use this button to go to the currently used Firefox profile folder:

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
Add code to the <b>userChrome.css</b> file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css ---- <pre><nowiki>@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #nav-bar-customization-target > #personal-bookmarks { -moz-box-flex:1 !important; } </nowiki></pre> ---- The customization files userChrome.css (user interface) and userContent.css (websites) are located in the <b>chrome</b> folder in the Firefox profile folder. *http://kb.mozillazine.org/Editing_configuration You can use this button to go to the currently used Firefox profile folder: *Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder) *http://kb.mozillazine.org/Profile_folder_-_Firefox *Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist *Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive) *Paste the code in the userChrome.css file in the editor window *Make sure that the userChrome.css file starts with the default @namespace line *Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.<br>Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Thanks the-edmeister and cor-el for the quick responses!

the-edmeister: That's fine if this is a known bug, just wanted to bring it to someone's attention if not.

cor-el: Thank you for the taking the time to give me a possible solution so clearly explained. Unfortunately, it doesn't seem to have helped. I verified that my userChrome.css was actually being used by changing some font colors (and discovered that I had to remove the 's' from 'https' in the namespace so that the CSS changes would be picked up) but even when I restarted Firefox and could see my other CSS changes, my issue still existed.

Thanks the-edmeister and cor-el for the quick responses! the-edmeister: That's fine if this is a known bug, just wanted to bring it to someone's attention if not. cor-el: Thank you for the taking the time to give me a possible solution so clearly explained. Unfortunately, it doesn't seem to have helped. I verified that my userChrome.css was actually being used by changing some font colors (and discovered that I had to remove the 's' from 'https' in the namespace so that the CSS changes would be picked up) but even when I restarted Firefox and could see my other CSS changes, my issue still existed.
cor-el
  • Top 10 Contributor
  • Moderator
17523 தீர்வுகள் 158446 பதில்கள்
பதிவிடப்பட்டது

Works for me provided that the Firefox window is wide enough.

Did you try to make the window smaller and then wider to see if it kicks in?

You could possibly limit the max-width of the #urlbar-container and #search-container

#urlbar-container {max-width:400px!important}
#search-container {max-width:200px!important}
Works for me provided that the Firefox window is wide enough. Did you try to make the window smaller and then wider to see if it kicks in? You could possibly limit the max-width of the #urlbar-container and #search-container <pre><nowiki>#urlbar-container {max-width:400px!important} #search-container {max-width:200px!important} </nowiki></pre>

cor-el மூலமாக திருத்தப்பட்டது

the-edmeister
  • Top 25 Contributor
  • Moderator
5406 தீர்வுகள் 40224 பதில்கள்
பதிவிடப்பட்டது

cor-el, His screenshots show a long urlbar container so the window should be wide enough so as not to go into overflow and produce the ellipsis - IMO.

By way of comment about what I am dealing with. Yes, fixing the width of those two "containers" [along with the nav-bar-customization-target code] keeps the ellipsis from appearing, but the Bookmarks Toolbar Items seem to take precedence over the Nav Bar toolbar buttons when placed to the right of the Search Bar. Or in my situation, the spacing between the urlbar-container and searchbar-container isn't limited to the "folder" only - the "flex" remains with the Bookmark Toolbar Items.

sparklegem. See if cor-el latest code helps you at all.

Overall, my advice is to move the "paired" bookmark buttons back to the right of the Search bar, and then see if the Bookmarks Toolbar Items go into "overflow" with that ellipsis. I hide that button in the Customize palette and use keyboard commands [or drag'n'drop] to save new bookmarks and use the Bookmarks Sidebar for accessing existing bookmarks - that "paired" button is not necessary to even have on the toolbar the way I work.

'''cor-el''', His screenshots show a long urlbar container so the window should be wide enough so as not to go into overflow and produce the ellipsis - IMO. ''By way of comment about what I am dealing with.'' Yes, fixing the width of those two "containers" ''[along with the nav-bar-customization-target code]'' keeps the ellipsis from appearing, but the Bookmarks Toolbar Items seem to take precedence over the Nav Bar toolbar buttons when placed to the right of the Search Bar. Or in my situation, the spacing between the urlbar-container and searchbar-container isn't limited to the "folder" only - the "flex" remains with the Bookmark Toolbar Items. '''sparklegem'''. See if cor-el latest code helps you at all. Overall, my advice is to move the "paired" bookmark buttons back to the right of the Search bar, and then see if the Bookmarks Toolbar Items go into "overflow" with that ellipsis. I hide that button in the Customize palette and use keyboard commands ''[or drag'n'drop]'' to save new bookmarks and use the Bookmarks Sidebar for accessing existing bookmarks - that "paired" button is not necessary to even have on the toolbar the way I work.
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Hi cor-el and the-edmeister,

I'm not exactly sure what changed, but with only cor-el's original suggested fix, it seems to be displaying much more reliably today. In fact, I can't repro the bad behavior.

Thanks again for your attentive help! You guys rock.

Hi '''cor-el''' and '''the-edmeister''', I'm not exactly sure what changed, but with only '''cor-el''''s original suggested fix, it seems to be displaying much more reliably today. In fact, I can't repro the bad behavior. Thanks again for your attentive help! You guys rock.