-
Notifications
You must be signed in to change notification settings - Fork 179
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
General discussions, feedback, questions belong here (v1, v2 -outdated- use v3) #3
Comments
Can I possible modify |
Yes, guess this is doable. It would be great if Aris has plans to add such functionality in future.
|
I was under the impression about:... pages were not changeable in Firefox 57+, but it seems I was wrong. |
Happy to Help, Aris Anyways currently this one works fine for me.
|
To be honest, the search box overlay bugs me. Its kind of annoying, that is actually can overlap with pages content. .search-container {
background: transparent !important;
position: absolute !important;
top: 20px !important;
} Further more I will tweak the small window case so content and search box are still visible even on smaller windows. Currently small width corrupts/moves some areas the way they should not. |
Hi Aris, |
I have no plans to work on curved tabs, I'm glad they are gone. ;-) They were the main reason I started to work on CTR back then. No idea about how or if many imports have an affect on browsers speed/performance issue. Testing in Portable Firefox on a very old slow usb 1.1 stick might give some insight, if anyone wants to test. |
Aris, great work as always. |
I will add the code to next update. #PanelUI-button {
margin-inline-start: 0px !important;
border-inline-start: 0px solid !important;
border-image: unset !important;
border-image-slice: 0 !important;
} |
Hi Aris, I have I minor suggestion regarding classic_button_appearance_on_navbar. Maybe you consider adding some more customization for those buttons (aka additional module to make them rectangular instead of squared) |
Other interesting codes to add that I use: /* Find Bar on top */ /* Global text size UI */ /* Active tab text in bold */ |
@Acid-Crash
* {
font-size: 10pt !important;
}
#PanelUI-button, #PanelUI-button * {
font-size: 12px !important;
}
.toolbarbutton-badge-stack .toolbarbutton-badge{
font-size: 10px !important;
}
|
Thank you for reply but I don't want change the background but only the host text, in my screenshot is github.com. |
Noticed that, edited message afterwards. ;-) |
@Aris-t2. Thx for the update regarding those buttons. @happysurf If you need to get rig of that light gray color for the domain part, you could flip browser.urlbar.formatting.enabled in about:config |
#urlbar-container #pageActionSeparator{
visibility: collapse !important;
} |
You can not create new toolbars at the moment. Nobody knows, if something changes once Mozilla releases a new toolbar API. They were supposed to come with something up for Firefox 57, but they didn't. |
Hi Ares,
|
12px was the max value in Classic Toolbar Button, so I just adopted it. |
Is there a way to copy default theme styles and modify those? All I really want is to use default Dark theme but with the background and tabs styles from the Default theme. Dark theme is nice and easy on the eye but that complete dark background on tabs is retarded, no contrast what so ever. |
You can look into default compact theme file and use any code you like: |
Hi Aris and thank you for this beautiful settings in Firefox 57 I have an issue with the download button. Thanks! |
You have found Mozillas most complex button. It has multiple internal layers, which have to be adjusted once button size changes in some cases. #downloads-button
#downloads-button .toolbarbutton-badge-stack
#downloads-button .toolbarbutton-text
#downloads-button .toolbarbutton-badge-stack .toolbarbutton-icon
#downloads-button .toolbarbutton-badge-stack .toolbarbutton-badge
#downloads-button .toolbarbutton-badge-stack #downloads-indicator-anchor
#downloads-button .toolbarbutton-badge-stack #downloads-indicator-anchor #downloads-indicator-icon
#downloads-button .toolbarbutton-badge-stack #downloads-indicator-anchor #downloads-indicator-progress-outer
#downloads-button .toolbarbutton-badge-stack #downloads-indicator-anchor #downloads-indicator-progress-outer #downloads-indicator-progress-inner Here is the code you need for your button width: #nav-bar toolbarbutton .toolbarbutton-icon,
#nav-bar toolbarbutton .toolbarbutton-badge-stack {
width: 90px !important;
height: 25px !important;
}
#nav-bar .webextension-browser-action .toolbarbutton-icon,
#nav-bar #downloads-button #downloads-indicator-anchor {
margin-left: 32px !important;
margin-right: 32px !important;
} (The .webextension-browser-action part is for buttons like uBlock Origins). Share your bookmarks multiple lines code. I could add it to this collection too. |
Thank you sooo much! Now work Perfecty! :-) Here is the the code. /* bookmarks multiple lines */ #personal-bookmarks { |
@Achille-Grs |
Well, I have no explanation for the different results between your test and my test. Maybe you can try to run Portable Firefox?
Also tested different screen resolutions below my default 1920x1080, switching between compact, normal and touch modes. |
Possible strangeness with multirow toolbar. The normal toolbar customize menu offers only one "toolbar" where one can add addon buttons and the bookmarks toolbar item. Using the multirow css causes the actual bookmarks to bunch up into multiple rows correctly within the larger outer container to emulate multiple rows, but the addon buttons exist as a separate vertical centered group. Does this mean we still can't achieve a proper separation between addon buttons and bookmark items in separate rows? |
Bookmarks use their own box independent of the toolbar they are on. The code only modifies those bookmarks not the toolbar buttons on bookmarks toolbar. |
Hola Aris-t2, I think I have an (at least partial) explanation. The difference is the theme. I do not use Aero, I have my own very simple (XP like) theme (with reduced frames). However, I tested with a bunch of themes, some are perfect like your example, some are messed up like mine. Food for thought though: Waterfox + CTR does not have this problem. An unrelated question: is it possible to make the panels (app button, bookmarks popup, etc) stay inside the browser frame? For instance when I click the Firefox button, the menu is outside the browser to the left (if there is room). I would like it to stay within the frames. Not a big deal though, but would be nice. |
Hi, |
Hello, |
Sorry, i forgot this article, also thanks so i wanna classic search bar, so i found this - maybe it's include to cssfix? |
Thanks! It didn't work at first, then I checked it and realized that it should be #forward-buttons without the plural, thus #forward-button. Look at me, I am learning things! ;) Thanks for this and if you can look into the expanding the text, that would be great! Cheers! |
@Poonkraft You can force the popups more to the right or left, if needed, but you have to find own values for your configuration. #main-window[tabsintitlebar] #appMenu-popup,
#appMenu-popup {
-moz-margin-start: 400px !important;
-moz-margin-end: -400px !important;
}
#main-window #navigator-toolbox #PersonalToolbar #bookmarks-menu-button #BMB_bookmarksPopup,
#BMB_bookmarksPopup {
-moz-margin-start: 400px !important;
-moz-margin-end: -400px !important;
} @Kavouras @readingsnail @Random-github-name |
Suggested UI tweak:
|
Are multirow tabs possible? Like in good old Tab Mix Plus.. |
@Aris-t2 :
Here's what it looks like after messing in "Customize..." :
Thanks again for your awesome work! You probably have a lot of requests this week! |
@stonecrusher @Fixer-007
|
Alternatively, set extensions.getAddons.showPane to false |
Hi Aris-t2, I do not expect you to fix the custom OS theme, the workaround code (supplied earlier) works well. |
@bodisor That preference is not available here (Version 57.0, Build-ID 20171112125346) |
@bodisor @Poonkraft @stonecrusher |
Is there any way to adjust the size of the Bookmark "Show more bookmarks" to its original size in Pre-Firefox 57? I think I need to mess with "PlacesChevron" but its unclear if this is an image or text projected on to a button. Also I'm trying to remove this Go arrow; I think I need to hide element .search-go-button; but I'm unsure of how best to do that; any pointers? I really just want my old search bar back; keep hoping someone develops an add-in (I know its beyond the scope of this project) removing elements should help a bit |
Use this to shrink chevron (aka "Show more bookmarks" ) on bookmarks toolbar. #PlacesChevron .toolbarbutton-icon {
min-width: 0px !important;
min-height: 0px !important;
width: 10px !important;
height: 10px !important;
} To hide searchbars go button use the corresponding "option" of this project (v1.2.9+). I tried to recreate the old search the same way I did in CTR and only was partly successful. Here is what I got so far Add CSS code to userChrome.css, xml file to xml folder, image files to image folder. @Merlin2802 |
Hi Aris, thanks for your fast feedback and your commitment. Regards |
This thread's getting long. Anyway, just wanted to thank you Aris for all your hard work putting this together. Like having the search engine labels again. Anyway, I put my current config here: Firefox Configuration - MarkRH I'm importing your userChrome.css into mine and copied the Windows Classic theme section of |
Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.
Trying to makes CSS code Firefox 57+ ready?
Remove all
@namespace
references. They are the reason, if your code refuses to work.Application/hamburger button in tabs toolbar?
Look here: #46
Things this project will not target/recreate
Things not possible with CSS
The text was updated successfully, but these errors were encountered: