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

Diễn đàn trợ giúp

Re 66.0.2 Tabs are on bottom but project ~1/3 down from background, into usable screen, blocking tab titles.

Được đăng

Managed to get Tabs on Bottom in all previous updates (including FF65). Carried over ToB with FF66.0.2 update, but the whole line of tabs (including vertical separators) has shifted down about 1/3 of its height such that it bleeds into the immediate viewable screen. If the top of that viewable screen is black, for example, the tab titles are almost unreadable. Any advice? Appreciated.

Managed to get Tabs on Bottom in all previous updates (including FF65). Carried over ToB with FF66.0.2 update, but the whole line of tabs (including vertical separators) has shifted down about 1/3 of its height such that it bleeds into the immediate viewable screen. If the top of that viewable screen is black, for example, the tab titles are almost unreadable. Any advice? Appreciated.
Đính kèm ảnh chụp màn hình

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

Hello cor-el,

I managed to get the tabs on bottom as well as lined up with their background bar using a "Windows" (!) solution for my MAC:

http://bragonx.wixsite.com/bhxx/firefox-tabs-on-bottom-v65andhigher

One question though - could you direct me to a Mozilla page where I could at least learn to start NAMING the various bars properly?

Thanks

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

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

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

  • Shockwave Flash 32.0 r0

Ứng dụng

  • Firefox 66.0.2
  • Chuỗi đại diện người dùng: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:66.0) Gecko/20100101 Firefox/66.0
  • URL hỗ trợ: https://support.mozilla.org/1/firefox/66.0.2/Darwin/en-US/

Tiện ích mở rộng

  • DuckDuckGo Privacy Essentials 2019.3.22 (jid1-ZAdIEUB7XOzOJw@jetpack)
  • Flash and Video Download 3.2.1 ({bee6eb20-01e0-ebd1-da83-080329fb9a3a})
  • Flash Video Downloader 16.3.8 (artur.dubovoy@gmail.com)
  • Ghostery – Privacy Ad Blocker 8.3.1 (firefox@ghostery.com)
  • LastPass: Free Password Manager 4.26.0.4 (support@lastpass.com)
  • uBlock 0.9.5.14 ({2b10c1c8-a11f-4bad-fe9c-1c11e82cac42})
  • uBlock Origin 1.18.6 (uBlock0@raymondhill.net)
  • Web Developer 2.0.1 ({c45c406e-ab73-11d8-be73-000a95be3b12})

Javascript

  • incrementalGCEnabled: True

Đồ họa

  • adapterDescription:
  • adapterDeviceID: 0x5926
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • contentUsesTiling: True
  • 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'opt-in', 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'name': u'WEBRENDER'}, {u'status': u'blocked', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blocked', u'message': u'No qualified hardware', u'type': u'env'}], u'name': u'WEBRENDER_QUALIFIED'}, {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'TileHeight': 1024, u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'ApzAutoscrollInput': 1, u'AzureFallbackCanvasBackend': u'none', u'TileWidth': 1024, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • lowEndMachine: False
  • numAcceleratedWindows: 3
  • numTotalWindows: 3
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 3
  • targetFrameRate: 60
  • usesTiling: True
  • 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_texture_compression_rgtc 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: Intel Inc. -- Intel(R) Iris(TM) Plus Graphics 640
  • webgl1Version: 4.1 INTEL-12.4.7
  • 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_compression_rgtc 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: Intel Inc. -- Intel(R) Iris(TM) Plus Graphics 640
  • webgl2Version: 4.1 INTEL-12.4.7
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL
  • windowUsingAdvancedLayers: False

Thay đổi cài đặt

Linh tinh

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

Where did you get your current set of style rules to move the tab bar? I suggest going back to the source to see whether an update is available. (I don't have rules for MacOS, sorry.)

Where did you get your current set of style rules to move the tab bar? I suggest going back to the source to see whether an update is available. (I don't have rules for MacOS, sorry.)
Được đăng

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

Newbie here. Presume "style rules" relates to method used to force Tabs on Bottom. Over time, and each time it was required after a major update, I always used some very helpful hints here, on the Mozilla Community Support Forum using the chrome/css process.

Were you able to see my screen shot result?

Content of current userChrome.css:

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 33px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
Newbie here. Presume "style rules" relates to method used to force Tabs on Bottom. Over time, and each time it was required after a major update, I always used some very helpful hints here, on the Mozilla Community Support Forum using the chrome/css process. Were you able to see my screen shot result? Content of current userChrome.css: <pre><nowiki>/* TABS: on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;} /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 33px !important; /* adjust to suit your needs */ } :root #tabbrowser-tabs { --tab-min-height: 33px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important; } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } /* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 40px; } /* Override vertical shifts when moving a tab */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; } /* hide windows-controls */ #TabsToolbar #window-controls {display:none!important;} /* move caption buttons to right of Tab bar */ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; top: calc(6px + var(--tab-min-height)) !important; display: block !important; visibility: visible !important; } #toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}</nowiki></pre>

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

jscher2000
  • Top 10 Contributor
8688 giải pháp 71014 câu trả lời
Được đăng

To prevent the forum from trying to implement your code, you can edit your last reply and put <pre> before and </pre> after.

Could I suggest the following site for this question:

https://www.reddit.com/r/FirefoxCSS/

I think most likely the "Classic CSS" files from the developer of the old Classic Theme Restorer extension would be suggested. https://github.com/Aris-t2/CustomCSSforFx/

I realize that's a lot to wade through, but since I can only test on Windows, I don't want to try to give you a file and waste time for both of us.

To prevent the forum from trying to implement your code, you can edit your last reply and put &lt;pre> before and &lt;/pre> after. Could I suggest the following site for this question: https://www.reddit.com/r/FirefoxCSS/ I think most likely the "Classic CSS" files from the developer of the old Classic Theme Restorer extension would be suggested. https://github.com/Aris-t2/CustomCSSforFx/ I realize that's a lot to wade through, but since I can only test on Windows, I don't want to try to give you a file and waste time for both of us.
Được đăng

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

Thanks for the "
" tip!  Promise, won't do that again.  Will follow up on your references. Thx

(Don't know why this message is truncated and in mixed fonts.)
Thanks for the "<pre>" tip! Promise, won't do that again. Will follow up on your references. Thx (Don't know why this message is truncated and in mixed fonts.)

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

jscher2000
  • Top 10 Contributor
8688 giải pháp 71014 câu trả lời
Được đăng

jYOW said

(Don't know why this message is truncated and in mixed fonts.)

You didn't close your preformatted section. In order to prevent the site from interpreting HTML tags, you need to use the entity, or other words, write:

&lt;

in place of

<

(I know, too much information!)

''jYOW [[#answer-1210270|said]]'' <blockquote> (Don't know why this message is truncated and in mixed fonts.) </blockquote> You didn't close your preformatted section. In order to prevent the site from interpreting HTML tags, you need to use the entity, or other words, write: &amp;lt; in place of < (I know, too much information!)
Được đăng

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

Never TMI; just too dumb to appreciate implications!

Hope someone with MacOS has same problem and will await their trials at finding solution.

Keep in mind that the css code worked perfectly under FF 65.

Never TMI; just too dumb to appreciate implications! Hope someone with MacOS has same problem and will await their trials at finding solution. Keep in mind that the css code worked perfectly under FF 65.
cor-el
  • Top 10 Contributor
  • Moderator
17468 giải pháp 157853 câu trả lời
Được đăng

This is likely a problem with the caption butons on Mac.

That would be this part of the code that needs adjustment, so you could look for code for .titlebar-buttonbox-container that is aimed at Mac. As a quick test you can try to hide these buttons via a display:none!important; rule.

.titlebar-buttonbox-container {display:none!important;}

Other code you can try as a start:

.titlebar-buttonbox-container {
  position: fixed !important;
  top:0 !important; left:0 !important; /*Mac: Left*/
  visibility: visible !important;
  display: block !important;
}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
This is likely a problem with the caption butons on Mac. That would be this part of the code that needs adjustment, so you could look for code for .titlebar-buttonbox-container that is aimed at Mac. As a quick test you can try to hide these buttons via a display:none!important; rule. <pre><nowiki>.titlebar-buttonbox-container {display:none!important;} </nowiki></pre> Other code you can try as a start: <pre><nowiki>.titlebar-buttonbox-container { position: fixed !important; top:0 !important; left:0 !important; /*Mac: Left*/ visibility: visible !important; display: block !important; }</nowiki></pre> ---- <pre><nowiki>/* move caption buttons to right of Tab bar */ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; top: calc(6px + var(--tab-min-height)) !important; display: block !important; visibility: visible !important; }</nowiki></pre>
Được đăng

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

Many thanks cor-el. On 4 day road trip; will attempt adjustments Friday.

Many thanks cor-el. On 4 day road trip; will attempt adjustments Friday.
Được đăng

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

Hello cor-el,

I managed to get the tabs on bottom as well as lined up with their background bar using a "Windows" (!) solution for my MAC:

http://bragonx.wixsite.com/bhxx/firefox-tabs-on-bottom-v65andhigher

One question though - could you direct me to a Mozilla page where I could at least learn to start NAMING the various bars properly?

Thanks

Hello cor-el, I managed to get the tabs on bottom as well as lined up with their background bar using a "Windows" (!) solution for my MAC: http://bragonx.wixsite.com/bhxx/firefox-tabs-on-bottom-v65andhigher One question though - could you direct me to a Mozilla page where I could at least learn to start NAMING the various bars properly? Thanks

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