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

Support Forum

firefox v57 sidebar bookmarks spacing

Posted

Hi,

Bookmark sidebar spacing is annoyingly large in firefox since version 56. Since some time, I was using following solutions to solve this bookmarks sidebar spacing problem. I used stylish and it worked. Now, since version 56, the below solutions do not work.

https://support.mozilla.org/en-US/questions/976555 https://support.mozilla.org/en-US/questions/975714#answer-495296

Any help appreciated that

Thanks

Hi, Bookmark sidebar spacing is annoyingly large in firefox since version 56. Since some time, I was using following solutions to solve this bookmarks sidebar spacing problem. I used stylish and it worked. Now, since version 56, the below solutions do not work. https://support.mozilla.org/en-US/questions/976555 https://support.mozilla.org/en-US/questions/975714#answer-495296 Any help appreciated that Thanks

Chosen solution

Can you attach a screenshot?

Note that in Firefox 57+ you can no longer use an extension like Stylish or Stylus to modify the user interface. You will have to use code in userChrome.css instead.

Read this answer in context 4

Additional System Details

Installed Plug-ins

  • Shockwave Flash 27.0 r0

Application

  • Firefox 57.0
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:57.0) Gecko/20100101 Firefox/57.0
  • Support URL: https://support.mozilla.org/1/firefox/57.0/Darwin/en-US/

Extensions

  • Adblock Plus 3.0.1 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Disconnect 5.18.21 (2.0@disconnect.me)
  • Stylish - Custom themes for any website 3.0.1 ({46551EC9-40F0-4e47-8E18-8E5CF550CFB8})
  • SQLite Manager 0.8.3.1-signed.1-signed (SQLiteManager@mrinalkant.blogspot.com) (Inactive)
  • Stylus 1.1.4.2 ({7a7a4a92-a2a0-41d1-9fd7-1e92480d612d}) (Inactive)
  • Video DownloadHelper 6.3.3 ({b9db16a4-6edc-47ec-a1f4-b86292ed211d}) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription:
  • adapterDeviceID: 0x0166
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • crashGuards: []
  • driverDate:
  • driverVersion:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'OpenGL Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OPENGL_COMPOSITING'}, {u'status': u'unavailable', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}, {u'status': u'unavailable', u'message': u"Build doesn't include WebRender", u'type': u'runtime'}], u'name': u'WEBRENDER'}]}
  • info: {u'TileHeight': 512, u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'ApzAutoscrollInput': 1, u'AzureFallbackCanvasBackend': u'none', u'TileWidth': 512, u'AzureCanvasAccelerated': 1, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: False
  • webgl1DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context MOZ_WEBGL_lose_context MOZ_WEBGL_compressed_texture_s3tc MOZ_WEBGL_depth_texture
  • webgl1Renderer: Intel Inc. -- Intel HD Graphics 4000 OpenGL Engine
  • webgl1Version: 4.1 INTEL-10.28.29
  • webgl1WSIInfo: CGL
  • webgl2DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context MOZ_WEBGL_lose_context MOZ_WEBGL_compressed_texture_s3tc
  • webgl2Renderer: Intel Inc. -- Intel HD Graphics 4000 OpenGL Engine
  • webgl2Version: 4.1 INTEL-10.28.29
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL
  • windowUsingAdvancedLayers: False

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
cor-el
  • Top 10 Contributor
  • Moderator
17467 solutions 157838 answers

Chosen Solution

Can you attach a screenshot?

Note that in Firefox 57+ you can no longer use an extension like Stylish or Stylus to modify the user interface. You will have to use code in userChrome.css instead.

Can you attach a screenshot? *https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem *use a compressed image type like PNG or JPG to save the screenshot Note that in Firefox 57+ you can no longer use an extension like Stylish or Stylus to modify the user interface. You will have to use code in userChrome.css instead.

Question owner

Worked ! Thanks a lot

Worked ! Thanks a lot
SolomonE 0 solutions 7 answers

Helpful Reply

The following is the code that worked for me to solve this and view sidebar bookmarks closely packed in Firefox 57.0:

 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
 /* location for this file
    ~/.mozilla/firefox/default-[number]/chrome/userChrome.css */
 
 
 /* uncomment for red signal that changes in this file have an effect */
 /*
 menubar {
   background-color: red;
 }
  */
 
 /* change sidebar font style */
 #bookmarks-view {
   font-size: 10pt !important;
   font-family: DejaVu Sans !important;
   border-width: 0px !important; 
   padding: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* negative amounts, when allowed, can pack lines close */
 #bookmarks-view treechildren::-moz-tree-row {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
 }
The following is the code that worked for me to solve this and view sidebar bookmarks closely packed in Firefox 57.0: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* location for this file ~/.mozilla/firefox/default-[number]/chrome/userChrome.css */ /* uncomment for red signal that changes in this file have an effect */ /* menubar { background-color: red; } */ /* change sidebar font style */ #bookmarks-view { font-size: 10pt !important; font-family: DejaVu Sans !important; border-width: 0px !important; padding: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; } /* negative amounts, when allowed, can pack lines close */ #bookmarks-view treechildren::-moz-tree-row { margin-top: -2px !important; margin-bottom: -2px !important; }

Modified by SolomonE

Curufinwe 0 solutions 2 answers

Can you provide a version of that code that works with the Bookmarks menu, SolomonE?

Can you provide a version of that code that works with the Bookmarks menu, SolomonE?

Modified by Curufinwe

Question owner

Hi,

This is how I fixed the issue on MacOSX. I have not tested it on other OS.

Hope this helps

I - Go to Profile Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/

2 - Create 'chrome' Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/chrome/

3 - Create 'userChrome.css' file and edit as following:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row {

   height: 1.4em !important;
   border-width: 1px !important;

}

Hi, This is how I fixed the issue on MacOSX. I have not tested it on other OS. Hope this helps I - Go to Profile Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/ 2 - Create 'chrome' Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/chrome/ 3 - Create 'userChrome.css' file and edit as following: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row { height: 1.4em !important; border-width: 1px !important; }
SolomonE 0 solutions 7 answers

Curufinwe, I wrote a way to adjust the fonts and line spacing separately for three different sorts of bookmark menus.

(When hacking on this, use Menu -> Tools -> Web Developer -> Browser Console to look for CSS errors, if it stops doing what you want.)

userChrome.css :

 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* Bookmarks sidebar: */ 
 #bookmarks-view {
   font-size: 10pt !important;
   padding: 9px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 #bookmarks-view treechildren::-moz-tree-row {
   min-height: 12px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* Bookmarks from main menu: */
 #bookmarksMenuPopup menu,
 #bookmarksMenuPopup menuitem {
   font-size: 10pt !important; 
   min-height: 16px !important;
   max-height: 16px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* Bookmarks Toolbar: */
 #PersonalToolbar {
   font-size: 10pt !important;
   margin-bottom: 3px !important;
 }  
 #PersonalToolbar menu,
 #PersonalToolbar menuitem {
   font-size: 10pt !important;
   min-height: 16px !important;
   max-height: 16px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
Curufinwe, I wrote a way to adjust the fonts and line spacing separately for three different sorts of bookmark menus. (When hacking on this, use Menu -> Tools -> Web Developer -> Browser Console to look for CSS errors, if it stops doing what you want.) userChrome.css : @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Bookmarks sidebar: */ #bookmarks-view { font-size: 10pt !important; padding: 9px !important; margin-top: 0px !important; margin-bottom: 0px !important; } #bookmarks-view treechildren::-moz-tree-row { min-height: 12px !important; margin-top: 0px !important; margin-bottom: 0px !important; } /* Bookmarks from main menu: */ #bookmarksMenuPopup menu, #bookmarksMenuPopup menuitem { font-size: 10pt !important; min-height: 16px !important; max-height: 16px !important; margin-top: 0px !important; margin-bottom: 0px !important; } /* Bookmarks Toolbar: */ #PersonalToolbar { font-size: 10pt !important; margin-bottom: 3px !important; } #PersonalToolbar menu, #PersonalToolbar menuitem { font-size: 10pt !important; min-height: 16px !important; max-height: 16px !important; margin-top: 0px !important; margin-bottom: 0px !important; }
Curufinwe 0 solutions 2 answers

Thanks so much!

Thanks so much!