X
Nhấn vào đây để đến phiên bản di động của trang web.

Diễn đàn trợ giúp

How can I remove the Screenshot attatched to Bookmark dialog box?

Được đăng

I apparently took an update today that when I go to bookmark a site or page, there is a screenshot of the site attached to the top of the dialog box. (see uploaded images) Frankly, I don't see the logic of it, but who knows why you guys do the things you do sometimes. However, it has obviously increased the size of the dialog box. Consequently, when I expand the menu to "choose" folders and such, the entire thing is running off the bottom of my screen and it does this because I have to use the Windows magnifier, and I have it locked to the task bar and so this "screenshot" that is now attached to the bookmark menu dialog box is pretty much cut-off as well while at the bottom I can barely view any of my folders.

Even though I think it's a silly idea, it probably works fine for those who don't have to use the Windows magnifier, but for me--it's irritating and I wish to know how I can go in and remove the feature, plese.

Also, since you have moved the majority of the Menu bar features into the hamburger menu--why have you not yet moved the "view" tab into the hamburger menu as well? I use it quite a bit, being visually handicap ed and I wouldn't mind it much if you would include it in the hamburger menu as well so I don't have to keep opening the Menu bar just to use the View tab.

Thank you.

I apparently took an update today that when I go to bookmark a site or page, there is a screenshot of the site attached to the top of the dialog box. (see uploaded images) Frankly, I don't see the logic of it, but who knows why you guys do the things you do sometimes. However, it has obviously increased the size of the dialog box. Consequently, when I expand the menu to "choose" folders and such, the entire thing is running off the bottom of my screen and it does this because I have to use the Windows magnifier, and I have it locked to the task bar and so this "screenshot" that is now attached to the bookmark menu dialog box is pretty much cut-off as well while at the bottom I can barely view any of my folders. Even though I think it's a silly idea, it probably works fine for those who don't have to use the Windows magnifier, but for me--it's irritating and I wish to know how I can go in and remove the feature, plese. Also, since you have moved the majority of the Menu bar features into the hamburger menu--why have you not yet moved the "view" tab into the hamburger menu as well? I use it quite a bit, being visually handicap ed and I wouldn't mind it much if you would include it in the hamburger menu as well so I don't have to keep opening the Menu bar just to use the View tab. Thank you.
Đính kèm ảnh chụp màn hình

Giải pháp được chọn

Hi springheel, I might have pitched in on one of your questions before. Are you already familiar with the optional userChrome.css file, which you can use to apply custom style rules to Firefox's user interface?

I think there are two possible approaches here.

(1) Just remove the big image but keep the site icon. This recovers a good amount of space. See second screenshot attached.

    /* Hide Giant Thumbnail on Edit Bookmark Panel */
    #editBookmarkPanelImage {
      display: none !important;
    }
    /* Move Favicon up and Name down */
    #editBookmarkPanelFavicon {
      margin-top: 4px !important;
    }
    #editBookmarkPanelContent {
      padding-top: 40px !important;
    }

(2) Also remove the site icon to recover more space. See the third screenshot attached.

    /* Hide Giant Thumbnail and Favicon */
    #editBookmarkPanelImage, 
    #editBookmarkPanelFaviconContainer {
      display: none !important;
    }

UPDATE: cor-el posted a version that is compatible with the XUL @namespace line: answer-1152038.


Does that look as though it might be useful?

Creating a userChrome.css file is about a 10 minute project:

This assumes you do not already have a userChrome.css file. If you do already have a working userChrome.css file, you just need to add the preferred rule (#1 or #2 above) to your file.

(A) Select and copy your preferred style rule

The code under #1 or #2 above

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Success?

Đọc câu trả lời này trong ngữ cảnh 2

Chi tiết hệ thống bổ sung

Phần bổ trợ đã cài đặt

  • Shockwave Flash 30.0 r0

Ứng dụng

  • Firefox 62.0
  • Chuỗi đại diện người dùng: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0
  • URL hỗ trợ: https://support.mozilla.org/1/firefox/62.0/WINNT/en-US/

Tiện ích mở rộng

  • Adblock Plus 3.3.1 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Flash Video Downloader 16.1.1 (artur.dubovoy@gmail.com)
  • Forecastfox (fix version) 4.19 (forecastfox@s3_fix_version)
  • Popup Blocker Ultimate 9.5 ({60B7679C-BED9-11E5-998D-8526BB8E7F8B})
  • SaveFrom.net helper 7.83 (helper@savefrom.net)
  • Stylus 1.4.20 ({7a7a4a92-a2a0-41d1-9fd7-1e92480d612d})
  • Ummy Radio 1.4.4 ({1717DBA2-F382-4EA7-A647-2FBF413EC217})
  • Adblock Plus Pop-up Addon 0.9.2.1-signed.1-signed (adblockpopups@jessehakanen.net) (không hoạt động)
  • CacheViewer 0.8.6.3.1-let-fixed ({71328583-3CA7-4809-B4BA-570A85818FBB}) (không hoạt động)
  • Classic Theme Restorer 1.7.3.1 (ClassicThemeRestorer@ArisT2Noia4dev) (không hoạt động)
  • Disconnect 5.18.21 (2.0@disconnect.me) (không hoạt động)
  • Fasterfox 3.9.85.1-signed.1-signed ({c36177c0-224a-11da-8cd6-0800200c9a91}) (không hoạt động)
  • Firefox Lightbeam 2.1.0 (jid1-F9UJ2thwoAm5gQ@jetpack) (không hoạt động)
  • HTTPS Everywhere 2018.8.22 (https-everywhere@eff.org) (không hoạt động)
  • Page Info Button 0.2.2.0 (pageinfobutton@wirble.de) (không hoạt động)
  • RightToClick 2.9.6 ({cd617375-6743-4ee8-bac4-fbf10f35729e}) (không hoạt động)
  • uBlock Origin 1.16.20 (uBlock0@raymondhill.net) (không hoạt động)

Javascript

  • incrementalGCEnabled: True

Đồ họa

  • adapterDescription: Intel(R) HD Graphics 4600
  • adapterDescription2:
  • adapterDeviceID: 0x0412
  • adapterDeviceID2:
  • adapterDrivers: igdumdim64 igd10iumd64 igd10iumd64 igdumdim32 igd10iumd32 igd10iumd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 78461462
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • contentUsesTiling: True
  • crashGuards: []
  • direct2DEnabled: False
  • direct2DEnabledMessage: [u'blockedDriver']
  • directWriteEnabled: True
  • directWriteVersion: 6.2.9200.22164
  • driverDate: 6-14-2013
  • driverDate2:
  • driverVersion: 9.18.10.3215
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'disabled', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'disabled', u'message': u'Disabled by pref', u'type': u'user'}], u'name': u'HW_COMPOSITING'}, {u'status': u'unavailable', u'description': u'Direct3D11 Compositing', u'log': [{u'status': u'unavailable', u'message': u'Hardware compositing is disabled', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'unavailable', u'description': u'Direct2D', u'log': [{u'status': u'unavailable', u'message': u'Direct2D requires Direct3D 11 compositing', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'disabled', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'unavailable', u'message': u'D3D11 compositing is disabled', u'type': u'default'}, {u'status': u'disabled', u'message': u'D3D11 compositing is disabled', u'type': u'env'}], u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'description': u'GPU Process', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS'}, {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'ANGLE is disabled', u'type': u'runtime'}], u'name': u'WEBRENDER'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • isGPU2Active: False
  • numAcceleratedWindows: 0
  • numAcceleratedWindowsMessage: [u'']
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 3
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object
  • 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
  • webgl1Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4600 Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.595ccab4acc3)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 000000000000873b) EGL_VERSION: 1.4 (ANGLE 2.1.0.595ccab4acc3) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_multiview GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object
  • 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
  • webgl2Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4600 Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.595ccab4acc3)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 000000000000873b) EGL_VERSION: 1.4 (ANGLE 2.1.0.595ccab4acc3) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Basic
  • windowUsingAdvancedLayers: False

Thay đổi cài đặt

Linh tinh

  • Người dùng JS: Không
  • Có thể tiếp cận: Có
jscher2000
  • Top 10 Contributor
8799 giải pháp 71970 câu trả lời
Được đăng

Giải pháp được chọn

Hi springheel, I might have pitched in on one of your questions before. Are you already familiar with the optional userChrome.css file, which you can use to apply custom style rules to Firefox's user interface?

I think there are two possible approaches here.

(1) Just remove the big image but keep the site icon. This recovers a good amount of space. See second screenshot attached.

    /* Hide Giant Thumbnail on Edit Bookmark Panel */
    #editBookmarkPanelImage {
      display: none !important;
    }
    /* Move Favicon up and Name down */
    #editBookmarkPanelFavicon {
      margin-top: 4px !important;
    }
    #editBookmarkPanelContent {
      padding-top: 40px !important;
    }

(2) Also remove the site icon to recover more space. See the third screenshot attached.

    /* Hide Giant Thumbnail and Favicon */
    #editBookmarkPanelImage, 
    #editBookmarkPanelFaviconContainer {
      display: none !important;
    }

UPDATE: cor-el posted a version that is compatible with the XUL @namespace line: answer-1152038.


Does that look as though it might be useful?

Creating a userChrome.css file is about a 10 minute project:

This assumes you do not already have a userChrome.css file. If you do already have a working userChrome.css file, you just need to add the preferred rule (#1 or #2 above) to your file.

(A) Select and copy your preferred style rule

The code under #1 or #2 above

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Success?

Hi springheel, I might have pitched in on one of your questions before. Are you already familiar with the optional '''userChrome.css''' file, which you can use to apply custom style rules to Firefox's user interface? I think there are two possible approaches here. (1) Just remove the big image but keep the site icon. This recovers a good amount of space. See second screenshot attached. <pre> /* Hide Giant Thumbnail on Edit Bookmark Panel */ #editBookmarkPanelImage { display: none !important; } /* Move Favicon up and Name down */ #editBookmarkPanelFavicon { margin-top: 4px !important; } #editBookmarkPanelContent { padding-top: 40px !important; } </pre> (2) Also remove the site icon to recover more space. See the third screenshot attached. <pre> /* Hide Giant Thumbnail and Favicon */ #editBookmarkPanelImage, #editBookmarkPanelFaviconContainer { display: none !important; } </pre> '''UPDATE:''' ''cor-el posted a version that is compatible with the XUL @namespace line:'' [[#answer-1152038|answer-1152038]]. ---- Does that look as though it might be useful? Creating a '''userChrome.css''' file is about a 10 minute project: This assumes you do not already have a userChrome.css file. If you ''do'' already have a working userChrome.css file, you just need to add the preferred rule (#1 or #2 above) to your file. '''(A) Select and copy your preferred style rule''' The code under #1 or #2 above '''(B) Generate and download a''' <code>userChrome.css</code> '''file''' Open the following page and paste the above rules into the editor, replacing the sample rule: https://www.userchrome.org/download-userchrome-css.html Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot) Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot) Minimize that Windows Explorer window for later reference. '''(C) Create a new''' <code>chrome</code> '''folder in your profile folder''' The following article has the detailed steps for that (#1, #2, and I recommend #3) https://www.userchrome.org/how-create-userchrome-css.html ''I have videos for both Windows and Mac in case the text is not clear.'' '''(D) Move the''' <code>userChrome.css</code> '''file you generated in Step B into the''' <code>chrome</code> '''folder you created in Step C''' The next time you exit Firefox and start it up again, it should discover that file and apply the rules. Success?

Được chỉnh sửa bởi jscher2000 vào

Người tạo câu hỏi

I'm not as familiar with userChrome.css as I would like to be. Though you may have helped me sort out a search engine formatting problem I was having.

With a little time & patience, let me see what I can do with your suggestions.

I actually stumbled upon a blog post for this exact same problem, and yet it was for FF 63 and I am running 62 and it says it's up to date. I was hoping for some about.config hack, but I will see if I can put your suggestions to work.

Thank you.

I'm not as familiar with userChrome.css as I would like to be. Though you may have helped me sort out a search engine formatting problem I was having. With a little time & patience, let me see what I can do with your suggestions. I actually stumbled upon a blog post for this exact same problem, and yet it was for FF 63 and I am running 62 and it says it's up to date. I was hoping for some about.config hack, but I will see if I can put your suggestions to work. Thank you.
jscher2000
  • Top 10 Contributor
8799 giải pháp 71970 câu trả lời
Được đăng

Firefox 63 has been in testing for 6-8 weeks by now, so that could explain how people are using it already. It was recently promoted from the "Nightly" version to the "beta" version, and will be released to regular users in 6-8 weeks.

Firefox 63 has been in testing for 6-8 weeks by now, so that could explain how people are using it already. It was recently promoted from the "Nightly" version to the "beta" version, and will be released to regular users in 6-8 weeks.

Người tạo câu hỏi

Thanks jscher2000. That makes sense. I'll work on the CSS suggestion today and see if I can get it to take. Hopefully I can get it to look like your third screenshot. And hopefully it will stay like that when they release 63.

Thanks jscher2000. That makes sense. I'll work on the CSS suggestion today and see if I can get it to take. Hopefully I can get it to look like your third screenshot. And hopefully it will stay like that when they release 63.
cor-el
  • Top 10 Contributor
  • Moderator
17589 giải pháp 159105 câu trả lời
Được đăng

See also:

  • Bug 1460248 - Display preview image and favicon in the New Bookmark dialog [62]

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)

See also: *Bug 1460248 - Display preview image and favicon in the New Bookmark dialog [62] (<i>please do not comment in bug reports<br>https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i>)

Người tạo câu hỏi

I'm sorry cor-el. I'm missing your point except to say I wasn't displaying proper etiquette.

I'm sorry cor-el. I'm missing your point except to say I wasn't displaying proper etiquette.

Người tạo câu hỏi

@ jscher2000

I already had/have a Chrome.css file. I made it when we revamped the search menu drop down, I simply had to remember how & where to find it again.

However--is there a specific place I need to insert the code? I simply put it at the very bottom of the script and it isn't having any affect on the bookmark dialog box.

@ jscher2000 I already had/have a Chrome.css file. I made it when we revamped the search menu drop down, I simply had to remember how & where to find it again. However--is there a specific place I need to insert the code? I simply put it at the very bottom of the script and it isn't having any affect on the bookmark dialog box.
cor-el
  • Top 10 Contributor
  • Moderator
17589 giải pháp 159105 câu trả lời
Được đăng

Try to place the code at the start of userChrome.css just below the default @namespace line in case there is a problem with the code you has added before.

Can you post the full content of userChrome.css ?


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

/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage, 
#editBookmarkPanelFaviconContainer {
  display: none !important;
}

(see my post further down for an updated code)

Try to place the code at the start of userChrome.css just below the default @namespace line in case there is a problem with the code you has added before. Can you post the full content of userChrome.css ? ---- <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* Hide Giant Thumbnail and Favicon */ #editBookmarkPanelImage, #editBookmarkPanelFaviconContainer { display: none !important; } </nowiki></pre> ''(see [/questions/1232360#answer-1152038 my post further down] for an updated code)''

Được chỉnh sửa bởi cor-el vào

Người tạo câu hỏi

Yes I can, though it's rather long, I may have to do it in two posts. But this is the css I used to manipulate the search engine drop-down list:

/*

 HELLO! This script has optional settings that you can try out if you return to its page: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43
  • /

@-moz-document url(chrome://browser/content/browser.xul) {

 /* Make the one-off buttons span the full width */
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
   width: 100% !important;
   height: 24px !important;
   background-image: none !important;
   padding-left: 6px !important;
   box-sizing: content-box !important;
   line-height: 1em !important;
 }
 /* Hide the empties */
 #PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) {
   display: none !important;
 }
 /* Fix up borders */
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext], 
 #PopupSearchAutoComplete .addengine-item {
   border-bottom: 1px solid #ccc !important;
 }
 #PopupSearchAutoComplete .search-setting-button.search-panel-header, 
 #PopupSearchAutoComplete .addengine-item,
 #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
   border-top: none !important;
   max-height: 26px !important;
   min-height: 16px !important;
   padding-top: 1px !important;
 }
 /* Insert descriptive name for search engine plugin */
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
   content: attr(tooltiptext);
   margin: 5px 6px 0px !important;
   display: block !important;
 }
 /* Fix icon positioning */
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box {
   display: inline-flex !important;
   width: 16px !important;
   max-width: 16px !important;
   border: none !important;
   padding: 0 0 !important;
 }
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
   display: block !important;
   margin-top: 4px !important;
   margin-left: -1px !important;
 }
 /* Lock in space for 5 search suggestions with scroll bar */
 #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,
 #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
   display: flex !important;
   flex: 1 1 auto !important;
 }
 #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
   max-height: calc(5 * 1.5em) !important;
   min-height: calc(5 * 1.5em) !important;
 }
 #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
   visibility: visible !important;
 }
 /* User style options */
   /* Two columns - standard spacing */
 #PopupSearchAutoComplete {
   width: calc(32em + 14px) !important;
   min-width: calc(32em + 14px) !important;
 }
 #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
   width: 16em !important;
   white-space: nowrap;
   overflow: hidden;
 }
   /* Hiding "Search for ..." */
 #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
   display: none !important;
 }
   /* Not hiding "Add ..." engine */
   /* Not hiding "Change Search Settings" */
   /* Search bar tooltip text only visible on mouseover */
   /* No color scheme */

}


root {
 --tab-curve-width: 30px;
 --tabs-border: transparent !important;

}

.arrowscrollbox-scrollbox {

 padding-inline-start: 10px !important;

}

/* To be able to see the top border of the tab */ .tab-stack {

 margin-top: 2px !important;

}

/* When the window is maximized, the first pinned tab is properly displayed. */

  1. TabsToolbar {
 padding-inline-start: 15px !important;

}

.titlebar-placeholder {

 border: none !important;

}

/* Remove unneeded styles from Photon */ .tabbrowser-tab::before, .tabbrowser-tab::after {

 border: none !important;

}

.tabbrowser-tab > .tab-stack > .tab-background {

 background-image: none !important;
 -moz-box-orient: horizontal !important;
 background-color: transparent !important;
 margin-top: 1px !important;

}

.tab-background[selected="true"] {

 border: none !important;

}

.tab-line {

 display: none !important;

}

.tab-bottom-line {

 display: none !important;

}

/* Match height of new tab button (right svg) on hover */ .tabs-newtab-button {

 margin: 0 !important;

}

/* overlap the tab curves */ .tab-background {

 -moz-margin-end: -15px !important;
 -moz-margin-start: -15px !important;

}

/* Begin tab background customizations */ .tab-background[selected="true"]::before {

 border: none !important;
 content: "" !important;
 width: 30px !important;
 min-height: 30px !important;
 display: -moz-box !important;
 background-repeat: no-repeat !important;

}

.tab-background[selected="true"]::after {

 border: none !important;
 content: "" !important;
 width: 30px !important;
 min-height: 30px !important;
 display: -moz-box !important;
 background-repeat: no-repeat !important;

}

.tab-background[selected="true"] > spacer {

 margin-top: 0px !important;

}

  1. new-tab-button,

.tabs-newtab-button {

 width: calc(36px + 30px) !important;
 margin-inline-start: -15px !important;
 margin-top: 1px !important;

}

/* Tab hover customizations */

/* Regular tabs */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {

 display: -moz-box !important;
 background-repeat: no-repeat !important;
 content: "" !important;
 width: 30px !important;
 min-height: 30px !important;
 background-color: transparent !important;

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {

 display: -moz-box !important;
 background-repeat: no-repeat !important;
 content: "" !important;
 width: 30px !important;
 min-height: 30px !important;
 background-color: transparent !important;

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {

 margin-top: 0px !important;

}

  1. TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),

.tabs-newtab-button:hover, .tabs-newtab-button:hover::before, .tabs-newtab-button:hover::after {

 background-color: transparent !important;

}

/* New tab hover customizations */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {

 background-position: 0px 2px, 30px 3px , right bottom !important;
 background-repeat: no-repeat !important;
 background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;

}

.tabs-newtab-button:hover > .toolbarbutton-icon {

 background: none !important;
 background-color: transparent !important;

}

/* Color specific customizations */ .tab-background[selected="true"]::before {

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'>
</foreignObject></svg>") !important;

} .tab-background[selected="true"]::after {

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'>
</foreignObject></svg>") !important;

}

.tab-background[selected="true"] > spacer {

 background-image:
 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
 linear-gradient(
   transparent
   2px,
   rgb(50, 50, 52) 2px,
   rgb(50, 50, 52)
 ),
 none !important;

}

Yes I can, though it's rather long, I may have to do it in two posts. But this is the css I used to manipulate the search engine drop-down list: /* HELLO! This script has optional settings that you can try out if you return to its page: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43 */ @-moz-document url(chrome://browser/content/browser.xul) { /* Make the one-off buttons span the full width */ #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] { width: 100% !important; height: 24px !important; background-image: none !important; padding-left: 6px !important; box-sizing: content-box !important; line-height: 1em !important; } /* Hide the empties */ #PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) { display: none !important; } /* Fix up borders */ #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext], #PopupSearchAutoComplete .addengine-item { border-bottom: 1px solid #ccc !important; } #PopupSearchAutoComplete .search-setting-button.search-panel-header, #PopupSearchAutoComplete .addengine-item, #PopupSearchAutoComplete .search-panel-header.search-panel-current-input { border-top: none !important; max-height: 26px !important; min-height: 16px !important; padding-top: 1px !important; } /* Insert descriptive name for search engine plugin */ #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after { content: attr(tooltiptext); margin: 5px 6px 0px !important; display: block !important; } /* Fix icon positioning */ #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box { display: inline-flex !important; width: 16px !important; max-width: 16px !important; border: none !important; padding: 0 0 !important; } #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon { display: block !important; margin-top: 4px !important; margin-left: -1px !important; } /* Lock in space for 5 search suggestions with scroll bar */ #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox, #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody { display: flex !important; flex: 1 1 auto !important; } #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody { max-height: calc(5 * 1.5em) !important; min-height: calc(5 * 1.5em) !important; } #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] { visibility: visible !important; } /* User style options */ /* Two columns - standard spacing */ #PopupSearchAutoComplete { width: calc(32em + 14px) !important; min-width: calc(32em + 14px) !important; } #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] { width: 16em !important; white-space: nowrap; overflow: hidden; } /* Hiding "Search for ..." */ #PopupSearchAutoComplete .search-panel-header.search-panel-current-input { display: none !important; } /* Not hiding "Add ..." engine */ /* Not hiding "Change Search Settings" */ /* Search bar tooltip text only visible on mouseover */ /* No color scheme */ } :root { --tab-curve-width: 30px; --tabs-border: transparent !important; } .arrowscrollbox-scrollbox { padding-inline-start: 10px !important; } /* To be able to see the top border of the tab */ .tab-stack { margin-top: 2px !important; } /* When the window is maximized, the first pinned tab is properly displayed. */ #TabsToolbar { padding-inline-start: 15px !important; } .titlebar-placeholder { border: none !important; } /* Remove unneeded styles from Photon */ .tabbrowser-tab::before, .tabbrowser-tab::after { border: none !important; } .tabbrowser-tab > .tab-stack > .tab-background { background-image: none !important; -moz-box-orient: horizontal !important; background-color: transparent !important; margin-top: 1px !important; } .tab-background[selected="true"] { border: none !important; } .tab-line { display: none !important; } .tab-bottom-line { display: none !important; } /* Match height of new tab button (right svg) on hover */ .tabs-newtab-button { margin: 0 !important; } /* overlap the tab curves */ .tab-background { -moz-margin-end: -15px !important; -moz-margin-start: -15px !important; } /* Begin tab background customizations */ .tab-background[selected="true"]::before { border: none !important; content: "" !important; width: 30px !important; min-height: 30px !important; display: -moz-box !important; background-repeat: no-repeat !important; } .tab-background[selected="true"]::after { border: none !important; content: "" !important; width: 30px !important; min-height: 30px !important; display: -moz-box !important; background-repeat: no-repeat !important; } .tab-background[selected="true"] > spacer { margin-top: 0px !important; } #new-tab-button, .tabs-newtab-button { width: calc(36px + 30px) !important; margin-inline-start: -15px !important; margin-top: 1px !important; } /* Tab hover customizations */ /* Regular tabs */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { display: -moz-box !important; background-repeat: no-repeat !important; content: "" !important; width: 30px !important; min-height: 30px !important; background-color: transparent !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { display: -moz-box !important; background-repeat: no-repeat !important; content: "" !important; width: 30px !important; min-height: 30px !important; background-color: transparent !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { margin-top: 0px !important; } #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover, .tabs-newtab-button:hover::before, .tabs-newtab-button:hover::after { background-color: transparent !important; } /* New tab hover customizations */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover { background-position: 0px 2px, 30px 3px , right bottom !important; background-repeat: no-repeat !important; background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important; } .tabs-newtab-button:hover > .toolbarbutton-icon { background: none !important; background-color: transparent !important; } /* Color specific customizations */ .tab-background[selected="true"]::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important; } .tab-background[selected="true"]::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important; } .tab-background[selected="true"] > spacer { background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgb(50, 50, 52) 2px, rgb(50, 50, 52) ), none !important; }

Người tạo câu hỏi

jeez... okay here is the rest of it:

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  background-image:
  linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
  linear-gradient(
    transparent
    2px,
    rgba(255,255,255,.1) 2px,
    rgba(255,255,255,.1)
  ),
  none !important;
}

.tabs-newtab-button:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
    linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>")
!important;
jeez... okay here is the rest of it: <pre><nowiki>.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgba(255,255,255,.1) 2px, rgba(255,255,255,.1) ), none !important; } .tabs-newtab-button:hover { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;</nowiki></pre>

Được chỉnh sửa bởi cor-el vào

Người tạo câu hỏi

Ah ha! We got it. Yes, right below:

@-moz-document url(chrome://browser/content/browser.xul) {

and it took. Thanks a lot gentlemen, I don't know where I'd be without you.

I think we can mark this "solved," but kind of used both suggestions so... but that was the fix I needed. Thank you both very much.

Until next time...

Ah ha! We got it. Yes, right below: @-moz-document url(chrome://browser/content/browser.xul) { and it took. Thanks a lot gentlemen, I don't know where I'd be without you. I think we can mark this "solved," but kind of used both suggestions so... but that was the fix I needed. Thank you both very much. Until next time...
Shadow110 1072 giải pháp 14836 câu trả lời
Được đăng

Hi, glad all fixed up : you need to mark it as Solved in the left upper corner of the input/message reply box that solved the issue so others can find find this. Thanks.

Not sure if you have this site of jscher2000 :

Can get other code here if know what you want and or :

Hi, glad all fixed up : you need to mark it as Solved in the left upper corner of the input/message reply box that solved the issue so others can find find this. Thanks. Not sure if you have this site of jscher2000 : *https://www.userchrome.org/what-is-userchrome-css.html Can get other code here if know what you want and or : *https://www.reddit.com/r/FirefoxCSS/

Người tạo câu hỏi

Okay. Thank you, and thanks for the links.

Okay. Thank you, and thanks for the links.
nLboOm 0 giải pháp 1 câu trả lời
Được đăng

jscher2000 said

(2) Also remove the site icon to recover more space. See the third screenshot attached.
    /* Hide Giant Thumbnail and Favicon */
    #editBookmarkPanelImage, 
    #editBookmarkPanelFaviconContainer {
      display: none !important;
    }

Not working for me, favicon still shown. Firefox 62

''jscher2000 [[#answer-1150300|said]]'' <blockquote> (2) Also remove the site icon to recover more space. See the third screenshot attached. <pre> /* Hide Giant Thumbnail and Favicon */ #editBookmarkPanelImage, #editBookmarkPanelFaviconContainer { display: none !important; } </pre> </blockquote> Not working for me, favicon still shown. ''Firefox 62''
jscher2000
  • Top 10 Contributor
8799 giải pháp 71970 câu trả lời
Được đăng

Hi nLboOm, do you use a XUL @namespace statement in your userChrome.css file? That prevents part of the rule from working because it styles an HTML division:

<html:div id="editBookmarkPanelFaviconContainer">

The way I suggest dealing with that is to delete the @namespace line, but I think there might be another way that I can't remember.

Hi nLboOm, do you use a XUL @namespace statement in your userChrome.css file? That prevents part of the rule from working because it styles an HTML division: &lt;html:div id="editBookmarkPanelFaviconContainer"> The way I suggest dealing with that is to [https://www.userchrome.org/adding-style-recipes-userchrome-css.html#namespaces delete the @namespace line], but I think there might be another way that I can't remember.

Được chỉnh sửa bởi jscher2000 vào

cor-el
  • Top 10 Contributor
  • Moderator
17589 giải pháp 159105 câu trả lời
Được đăng

Câu trả lời hữu ích

OK, I tested the code (hadn't done this before) and this is what works for me:

/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
  display: none !important;
}
OK, I tested the code (hadn't done this before) and this is what works for me: <pre><nowiki>/* Hide Giant Thumbnail and Favicon */ #editBookmarkPanelImage, *|div#editBookmarkPanelFaviconContainer { display: none !important; }</nowiki></pre>

Người tạo câu hỏi

@ nLboOm

I did get it to work for me. You have to place it below the @namespace line. Look to my previous post where I got it to work.

@ nLboOm I did get it to work for me. You have to place it below the @namespace line. Look to my previous post where I got it to work.
pacifica.northwest 0 giải pháp 2 câu trả lời
Được đăng

Thank you for working through this as I was having the same issue with the edit bookmark dialog with Windows 10 firefox update 62.0, except without the magnifier just normal view on screen. So it is not particular to just magnified views. The picture and icon seems absolutely redundant as it is completely blurred and only shows the page you are already on and can already see when bookmarking. Why they felt they had to screw with the entire edit bookmark form & remove the description field for the garbage screenshot I cannot fathom without alcohol intoxication & drugs. The links for userChrome.css edits are helpful as well, might need to start using them more often. Cheers

Thank you for working through this as I was having the same issue with the edit bookmark dialog with Windows 10 firefox update 62.0, except without the magnifier just normal view on screen. So it is not particular to just magnified views. The picture and icon seems absolutely redundant as it is completely blurred and only shows the page you are already on and can already see when bookmarking. Why they felt they had to screw with the entire edit bookmark form & remove the description field for the garbage screenshot I cannot fathom without alcohol intoxication & drugs. The links for userChrome.css edits are helpful as well, might need to start using them more often. Cheers

Người tạo câu hỏi

I agree completely. The functionality of such a move is beyond me as I more or less implied on my initial post.

I have used jscher2000's Chrome.css links before, when they first launched this generation of Firefox. It had made a mess of my search engines that they ran clean off the view as well.

That said, if nothing else, it's been a good learning forum on how to put the userChrome.css to use. In hindsight, I should probably make a back up of the code I already have in case I change machines.

I agree completely. The functionality of such a move is beyond me as I more or less implied on my initial post. I have used jscher2000's Chrome.css links before, when they first launched this generation of Firefox. It had made a mess of my search engines that they ran clean off the view as well. That said, if nothing else, it's been a good learning forum on how to put the userChrome.css to use. In hindsight, I should probably make a back up of the code I already have in case I change machines.