Comments (35)
@Aris-t2
Hello mate
i eventually sorted it using as text editor the humble Notepad for userChrome.css from custom_css_for_fx_v2.4.0 instead of the sophisticated Notepad++
It worked as charm
Thks for the pack!
from customcssforfx.
@gg2by2
You can not move tabs toolbar to windows bottom. moz-box-ordinal-group only works within top toolbar box.
The only code that can do it heavily breaks Firefox ui and is not part of this project.
from customcssforfx.
from customcssforfx.
The screen shot still shows tabs above the screen. Just received a response from the moderator that tabs below the screen CANNOT be done! That Firefox ui will not allow it!
Try - https://developer.mozilla.org/en-US/docs/Web/CSS/transform (many bugs to medium fix), many element transform blur fonts.
Or - position: fixed; bottom: 0
and remove bugs (hard to fix).
from customcssforfx.
https://github.com/Okamoi/UserChrome-Tweaks/blob/07a8f3faee59184b3c81e60a6506ad5680352ca9/toolbars/bottom-of-window-tabbar-Windows7.css - I test morning.
➕
about:config
➡️ browser.tabs.drawInTitlebar false.
from customcssforfx.
Is this working better than the one available?
from customcssforfx.
Is this working better than the one available?
Who knows, I do not used MixTabPlus and I was not looking this tweak in CustoCSSForFx
or other project.
Bugged with:
-
fullscreen (description marciiF, Okamoi)
-
dpi +100% (if have appbutton on left in Windows)
-
no maximized window (if have appbutton on left in Windows)
-
no see menu toolbar ((description marciiF, Okamoi) any value "
browser.tabs.drawInTitlebar
")
Test on Windows 7 Aero / Basic / Classic (no test on Windows 10, GNU/Linux or MacOS).
screenshots browser.tabs.drawInTitlebar;true
browser.tabs.drawInTitlebar;true | |
---|---|
Maximized | Normal |
Classic Windows 7 | |
screenshots browser.tabs.drawInTitlebar;false
browser.tabs.drawInTitlebar;false | |
---|---|
Maximized | Normal |
Classic Windows 7 | |
Fonts is clear / spicy (not blur / fog), addons iframe works ok (e.g. uBlock Origin - element picker to block). Better than my first try to bottom.
from customcssforfx.
Switching browser.tabs.drawInTitlebar
preference or changing Windows themes requires window maximizing/minimizing and/or a browser restart. Have you restarted Firefox after a change?
DPI of 200% is not officially supported on Windows. Even some default ui items don't scale properly.
from customcssforfx.
Nope, use only about:config
tweak DPI value without restart FX.
from customcssforfx.
No works on Windows10 FCU (normal theme (no Classic, no Blur with third party software)), tomorow test with normal DPI windows 7 (reset with control panel and logout).
Windows 10, DPI 100% (normal): (wrong code / outdated) ⚠️
from customcssforfx.
With Firefox DPI set to 200% (layout.css.devPixelsPerPx; 2.0) I did not see this issue. Haven't tried within Windows settings, as I don't have a HiDPI screen and setting to such a high value would make it impossible to use Windows for tests.
I remember when using VMs layout.css.devPixelsPerPx settings does not offer the same results real DPI changes in Windows setting do. There is always something different.
from customcssforfx.
I use 125% DPI (24" Full HD monitor). I try reset for first.
screenshot Bug - tabbar above windows task toolbar when menu toolbar active
(wrong code / outdated) ⚠️
Bug - tabbar above windows task toolbar when menu toolbar active
Bug - tabbar above windows task toolbar when menu toolbar active |
---|
When use normal dpi in Control Panel - Classic Windows 7:
(wrong code / outdated) ⚠️
Maybe HiDPI test if find user with this monitor - in my opinion glitch with browser.tabs.drawInTitlebar;true
is not a bug with deflaut CustomCSSforFx
.
from customcssforfx.
- I have set DPI to 125% in Windows 10FCU settings and rebooted
- CustomCSSforFx 1.4.6
- tested Firefox 57.0.1 and 59 Nightly
- menubar on/off
- titlebar on/off
- dark/default themes
- normal/maximized mode
- uidensity compact/normal/touch
The glitch never occurred here. Are you sure there are no hiddden buttons on your tabs toolbar. They may cause different behavior.
Some screenshots
@ALL
Does anyone else has these kind of an issue?
from customcssforfx.
I create new profile firefox, download new chrome.zip
1.4.6, add
Outdate info: I do not read comment about "tabs not on top
" - no mistake this ⚠️
tabs not on top
" - no mistake thiseffect with mistake:
Classic |
---|
Areo |
---|
Basic |
---|
@import url(./css/tabs/tabs_below_navigation_toolbar.css); /**/
/*...*/
@import url(./css/tabs/tabs_below_main_content.css); /**/ /* <--- EXPERIMENTAL */
Works OK on Windows 7, I do test DPI 125%.
from customcssforfx.
Why did you mix "other" code with this projects code while testing? Clearly this was not what I tested. :)
Yes, both tabs_below_navigation_toolbar.css and tabs_below_main_content.css have to be enabled, for things to work properly. I was too lazy to create more variations of tabs_below_main_content.css for other toolbar colors, but this might change with a future update.
from customcssforfx.
Why did you mix "other" code with this projects code while testing? Clearly this was not what I tested. :)
Use only outdated, no enable form CustomCSSforFx
. I mistake in userChrome.css in changelog.
Added spoilers and warnings in old comments.
Works OK with higher dpi (125%) [after almost an hour everything seems to be even bigger with higher dpi - strange feeling - maybe reset in registry Windows DPI]
from customcssforfx.
Possible add lw-theme background instead / above black color (any position header image)?
other toolbar colors, but this might change with a future update.
OK.
from customcssforfx.
On 1.4.7 release tabs_below_main_content.css
imports tabs_below_navigation_toolbar.css
. The description does not tell users to import 'tabs not on top' anymore. This should make thing more understandable. As a side effect users now can chose which predefined toolbar background color they want and select the corresponding tabs_below_main_content_XYZ.css
file.
from customcssforfx.
I found tabs_below_main_content.css
has problems on private window, buttons are messed.
Then simply I tried this js code
var tabsbar = document.getElementById("TabsToolbar");
const below_tabs = document.getElementById("browser-bottombox");
below_tabs.parentNode.appendChild(tabsbar, below_tabs);
and it works amazing. Just simply moved the entire tabbar object to bottom.
If you want to use this script, the css mustn't use toolbarbutton
to execute js, or js will be executed repeatly when toolbar is changed.
Use
vbox#browser-bottombox {
-moz-binding: url("./userChrome/userChrome.xml#execute_javascript_code");
}
instead.
I put the code here
from customcssforfx.
@garywill
There is always room for improvement inside tabs_below_main_content.css
. I will fix the glitch in private mode on next update.
Using this by the way great JS code/tweak to actually append tabs toolbar to browsers bottom box works, but might cause CSS code issues with code relying on default internal toolbar order. For some it will be the perfect solution, while it won't work for others.
from customcssforfx.
Aris,
This question doesn't fit a category. It's about modifying an addon - any addon, for my personal use. If you modify an icon, of course then the package signature doesn't match & you can't install it in Firefox.
Is there a relatively easy way to do something like that & repeat the signature process so Firefox doesn't say it's corrupted? The addons are after all, open source. Since I'm not planning on distributing anything, the only issue is what I'd actually have to do to sign the modified xpi file.
Any suggested reading on what's involved, including money?
Thanks.
from customcssforfx.
@bendover22
The general support thread is the right place to ask questions like this, not an unrelated random support thread ;-)
from customcssforfx.
Hello Aris,
This my 1st post on this. When I 1st found this fine alternative solution working with Firefox Quantum for classic theme restorer i was so happy as it worked a long while.
Now the issue is back with Firefox 65 run on Windows 10 x64
It seems i am doing something wrong and i can't spot the flaw; it doesn't matter where i remove those "/* " from the line (i do the editing with Notepad+) the fact is tabs always stay between Menu Bar and and Navigation Bar. Yet Bookmarks Toolbar is Below Navigation Bar
The screen shot is is using the "default" userChrome.css for Tabs Below option aka @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ from custom_css_for_fx_v2.3.9 pack.
The same result was with custom_css_for_fx_v2.3.8..
The only way to get the true tabs below was using that custom userChrome-tabs_on_bottom_Fx65.css but unfortunately this last mentioned custom .css provide some very unpleasant colours- all is white- bah.. and i totally dislike that
What to do?
Please advise
from customcssforfx.
@LilMarvellous
You need to use the "*_fx65.css" versions of the files.
See tabs_below_navigation_toolbar_fx65.css
or tabs_below_main_content_fx65.css
like mentioned besides the CSS file in userChrome.css or in the same files top area. ;-)
from customcssforfx.
@Aris-t2
thks for the fast reply
I did as you said: i did edit userChrome.css
- yet the FF65 is very "resilient"to follow commands it seems
it still looks the same :(
doesn't matter which of those 2 options i choose.. i am lost- that's why i asked for some guidance
i did try both of those, separately or together ..the tabs obstinately are staying as above... it looks they have their own will :P
from customcssforfx.
I have an issue with both "Tabs below nav bar" and "Multirow tabs".
On Firefox 68.0.1, with the same settings, CustomCSSforFx v2.6.2 is broken compared to using v2.4.9.
I've switched the appropriate lines on and off to achieve the same result (i.e. "****v3 for f68+" instead of "
***v2 for f65+") but it didn't fix the issue and even trying the exact same userChrome.css setup doesn't work.
from customcssforfx.
The combination of tabs_below_navigation_toolbar_fx65_v2.css
and tabs_multiple_lines_v3.css
works fine here even on Fx70.
from customcssforfx.
I tried again with a fresh chrome folder and 2.6.2 and still get a broken Firefox window with a glitchy title bar.
from customcssforfx.
Different PC, FX 68.0.1, tabs_below_navigation_toolbar_fx65_v2.css and tabs_multiple_lines_v3.css, same result as before. I use the complete package with both options enabled in userChrome.css
, make sure you do too, not just loose files...
from customcssforfx.
Not sure what you mean. My chrome folder has everything that the .zip file contains.
Edit: Deleted chrome folder again and created a new one with the contents of v2.6.2 and tabs_multiple_lines_v3.css (also without tabs_below_navigation_toolbar_fx65_v2.css) still gives me a broken browser. Have menu bar showing also.
from customcssforfx.
In v3.0.5, when FF is unmaximized, and when @import "./css/tabs/tabs_below_navigation_toolbar_fx74.css"; /**/
is active, the tab doesn't line up with the horizontal separator, as the tab falls below the separator line. please see screenshot below:
This, however, is NOT present when the window is maximized, where the tab lines up perfectly with the separator line, as desired:
Steps to reproduce:
Activate:
@import "./config/general_variables.css"; /**/
@import "./css/tabs/tabs_below_navigation_toolbar_fx74.css"; /**/
All other options inactive.
Thanks!
from customcssforfx.
This does not happen here. Which OS are you using? Tabs below navigation toolbar differentiates between macOS and Windows/Linux settings.
from customcssforfx.
This does not happen here. Which OS are you using? Tabs below navigation toolbar differentiates between macOS and Windows/Linux settings.
Thanks for the reply. It’s Linux.
from customcssforfx.
Looks like this for me even on Fx77:
Tested on Ubuntu.
from customcssforfx.
I think this does not need to be an own discussion anymore. Main thread should be enough.
#454
from customcssforfx.
Related Issues (20)
- Firefox 119.0 broke the color in selected tab HOT 60
- Firefox 119 - Megabar border does not match with the URL bar border HOT 5
- [tabs not on top] Pinned tabs get hidden in overflow mode (bug with Firefox view button on tabs toolbar) HOT 15
- [macOS] [icons+text mode/text mode] Toolbar buttons lost background color HOT 9
- [OS dark theme] Firefox 119 Dark Mode Address Bar Coloring Issue HOT 11
- 2 line megabar no longer indented HOT 6
- FF119 - Don´t show all tabs pinned when tab scrolling is active HOT 5
- Firefox 119: 2Line Megabar: Label for "On device $xy" when you have firefox sync doesn't end up in second line, leading to overlap HOT 5
- history in search (home), is CustomCSSforFx's fault? HOT 1
- Firefox 122 - urlbar_restore_visible_border blinks HOT 2
- Firefox 122 - buttons_on_bookmarks_toolbar_old_size_and_appearance with dark themes HOT 2
- Firefox 124, Line spacing on elements in New Tab page HOT 2
- Firefox 121+ - close_icon_red.css, addonlists_colorized_button_icons.css, addonlists_replace_button_labels_with_icons.css + Feature Requests..! HOT 10
- Can't get the titlebar to display the title [as in "New Tab-Firefox"]. HOT 8
- How to remove "Firefox Suggest" ? HOT 4
- Border between navigation toolbar and tabs toolbar HOT 4
- hey @Aris - just dropping in to say 'thanks'!
- Combining tabs below navigation with tab appearance causes issues HOT 2
- Youtube strongly unusable after they released new update; this CSS seems to be culprit HOT 3
- Navigation bar is hidden and overridden by suggestions when trying to type HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from customcssforfx.