Replies: 112 comments 289 replies
-
|
Looking for the previous discussion? It can be found here: #454 |
Beta Was this translation helpful? Give feedback.
-
|
tbh, the long thread on one page made it kind of nice to Search in Page (except for if it hides the replies) |
Beta Was this translation helpful? Give feedback.
-
|
I just want to thank you for all the effort you put into this. 👍️ |
Beta Was this translation helpful? Give feedback.
-
|
However, other GTK+3 applications do not behave this way; just hovering over a menu is not sufficient to light it up. For personal use, I’m changing that to (I had to uncomment the inclusion of (I’m on GNU/Linux (Xubuntu 22.04) and using a non-default GTK+3 theme Arc-Dark.) |
Beta Was this translation helpful? Give feedback.
-
|
I will look into it. |
Beta Was this translation helpful? Give feedback.
-
|
Based on archival photos, it seems to me that the arrow is now too close:
My hotfix for Firefox 114.0.1 on Windows 7 Aero (DPI 96) with touch/normal size of "icons" (I didn't check in compact by Moz://a or "more compact"): #main-window[tabsintitlebar][uidensity="touch"] #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar]:not([uidensity]) #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar][uidensity="touch"] #PanelUI-menu-button .toolbarbutton-icon,
#main-window[tabsintitlebar]:not([uidensity]) #PanelUI-menu-button .toolbarbutton-icon {
margin-right: -2px;
}Or text should be moved a little to left to keep the balance of the equal margins/paddings: #main-window[tabsintitlebar]:not([uidensity="compact"]) #PanelUI-menu-button::after {
margin-inline-start: 3px !important;
margin-inline-end: 5px !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
I will look into it. |
Beta Was this translation helpful? Give feedback.
-
|
Re.curved tabs (thanks those are finally gone! Does this mean that it is no longer possible to have tabs with rounded corners at top? As in my current 102.12? Have started using the 4.3.9 with FF 114 - If rounded top corners (including hopefully tabs with more depth) are still possible, what would be a css to begin with?
|
Beta Was this translation helpful? Give feedback.
-
|
I meant this project won't restore them the way they were in Firefox 29-56, but I'm sure it is possible to recreate them.
|
Beta Was this translation helpful? Give feedback.
-
|
wilfredwee/photon-australis#124 (comment) 102+, maybe too 114-115. |
Beta Was this translation helpful? Give feedback.
-
|
Why the confused emoji? Would be helpful if you explain. Thanks. |
Beta Was this translation helpful? Give feedback.
-
|
Can this be hidden? I don't understand them making it persistent in the navbar, and also giving us a toolbar button?
|
Beta Was this translation helpful? Give feedback.
-
|
IMO possible. Globbaly may run: tooltip {
visibility: collapse !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
Sorry, I should have been more specific. I want the container button hidden. |
Beta Was this translation helpful? Give feedback.
-
|
Not sure I understand. Do you want to hide the button in the URL bar? I haven't updated to the latest files yet, but this is what I have in my_userChrome.css. It works on FF 113: |
Beta Was this translation helpful? Give feedback.
-
|
Perfect. Thanks a lot. Works in 114.02 and v4.3.9 |
Beta Was this translation helpful? Give feedback.
-
|
v4.3.9 w/FF 114 Bug? Findbar at top close icon does nothing, no way to dismiss it. Set to bottom works properly.
|
Beta Was this translation helpful? Give feedback.
-
|
Works Fine on Firefox 115 RC1, maybe too in RC2. Also can be macOS specific only. |
Beta Was this translation helpful? Give feedback.
-
|
Findbars top position incl. close buttons on findbars start position work fine here in Fx114. What happened to your tabs toolbar? |
Beta Was this translation helpful? Give feedback.
-
|
krystian3w wrote: "Also can be macOS specific only." @Aris-t2 Have tried every possible iteration of release that I can think of. Maybe I'm missing something. Suggestion? Re. tabs toolbar, it's there, just wasn't showing in earlier screenshot. Note: have tried squared tabs in various positions, doesn't seem to change the outcome of the non-functioning Findbar set to top.
Also would like to know how to restore look of nav bar buttons as I have them in my 102esr, if possible.
|
Beta Was this translation helpful? Give feedback.
-
|
Version: After updating the new version of firefox, my previous css configuration is invalid
|
Beta Was this translation helpful? Give feedback.
-
|
Today can be published FX 115 and 115 ESR (I suggest doing a series of tests to see if it's worth postponing update). |
Beta Was this translation helpful? Give feedback.
-
|
Just got FX 116 today and I noticed they have made a few changes. One of them is under Bookmarks: Search Bookmarks Can this be hidden like menubar_bookmarks_popup_other_item_hidden.css is? Another one I noticed are the separator lines seem shorter than before. They don't go the full length to the right. Not sure if this can be changed, but it looks uneven to me, especially on the right-click context menu. I'm using popup_compact_menus.css.
|
Beta Was this translation helpful? Give feedback.
-
|
test: menuitem#menu_bookmarkThisPage,
menuitem#menu_searchBookmarks,
menuitem#menu_searchBookmarks ~ menuseparator#bookmarksToolbarSeparator {
display: none !important;
visibility: collapse !important;
}The width of the separators can be seen to be overwritten somehow by CCfFx (which may require "withdrawing" some lines of CSS from the project). |
Beta Was this translation helpful? Give feedback.
-
|
Thanks! That did the job as far as hiding the new Search Bookmarks. I will experiment with the separator lines later. |
Beta Was this translation helpful? Give feedback.
-
|
Yes! in 4.4.1 works fine! Thanx! |
Beta Was this translation helpful? Give feedback.
-
|
Looks like #urlbar .urlbarView-results > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url {
margin-top: 2px !important;
padding-inline-start: calc(6px + 1px + 16px) !important;
}seemed to have fixed it on my end for now. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the note. This will be fixed on next update. |
Beta Was this translation helpful? Give feedback.
-
|
Don't know if this was mentioned earlier, but in Firefox ≥116 the urlbar-dropdown does not appear when start typing. |
Beta Was this translation helpful? Give feedback.
-
|
100% this, I came here with the same issue of urlbar-dropdown not working, and it appears to be the "megabar_disable_openviewonfocus.css", disabling it and things work again. These are the only Location Bar settings I use. |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Same for me. I hadn’t realize how much I relied on it until it no longer worked. Drove me up the wall, lol. Thanks @nicolaasjan for identifying the cause, I’ve disabled it until the next update. |
Beta Was this translation helpful? Give feedback.
-
|
Same here with Firefox 116.0.1. The work arounds mentioned above work. |
Beta Was this translation helpful? Give feedback.
-
|
It's fixed in CustomCSS v4.4.0 with Firefox 116.0.3 Thanks |
Beta Was this translation helpful? Give feedback.
-
|
I have a couple of issues so far with Fx 117:
It doesn't look the same as it did on Fx 116 and earlier.
|
Beta Was this translation helpful? Give feedback.
-
|
I will try to fix this on next update. |
Beta Was this translation helpful? Give feedback.
-
|
v4.4.0 (test) fixed it, thanks! |
Beta Was this translation helpful? Give feedback.
-
|
AeroGlass window border broken in 117, setting |
Beta Was this translation helpful? Give feedback.
-
|
Didn't Mozilla announce to drop support for Windows 7 and 8 with Firefox 116+? Most likely the code simulating AeroGlass / transparency does not offer the same results anymore. |
Beta Was this translation helpful? Give feedback.
-
|
But exist German's app to add blur in Windows 10/11: http://www.glass8.eu/ Then better update ideas if possible instead remove a few css. Also versions Firefox 117 nightly released until 15.07.2023 can run on Windows 7 and 8/8.1 by extract files by 7-zip or WinRAR. Newer releases have a secured installer as well as throwing an error about an invalid exe file (i.e., they are double-protected so that you can't easily use them on Windows 7/8.1 without significantly modifying Firefox or Windows code). |
Beta Was this translation helpful? Give feedback.
-
|
Use Linux. Don't torture yourself with this crap. |
Beta Was this translation helpful? Give feedback.
-
|
But do you have a working code to transparent Firefox windows/edges in your distribution, or window manager or desktop environment? |
Beta Was this translation helpful? Give feedback.
-
|
For FF I don't know but for the environment - ofc we have and I can set it in the way I like it with a numerous settings. |
Beta Was this translation helpful? Give feedback.
-
|
Tabs don't look correct when on light or automatic website appearance. If there is a custom css I can use to fix this let me know. Thank you. |
Beta Was this translation helpful? Give feedback.
-
|
This is how it looks for me using browsers default "Dark 1.2" theme and this projects vanilla setup:
Active tab matches navigation toolbars color. |
Beta Was this translation helpful? Give feedback.
-
|
This is how it looks for me with dark 1.2 and default setup. Is there a way to make the light website appearance tabs look like the dark ones?
|
Beta Was this translation helpful? Give feedback.
-
|
Sure, you have to change color variables here: https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/config/color_variables.css |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I'm not sure if this is caused by the CSS fix or not but ever since the newest FF update (126) and newest CSS fix (v4.5.2), my address bar didn't show the first bookmark it has to show and usually shows. For example typing "add-on" would bring up the (https://addons.mozilla.org/en-US/firefox/?browse=featured) but it will show the second most used bookmark instead. I used the |
Beta Was this translation helpful? Give feedback.
-
|
Most likely, but it might be another option you have enabled. Try to setup this projects files without changing anything. Backup your chrome folder and add this projects latest release to it. |
Beta Was this translation helpful? Give feedback.
-
|
Yeah it works normally with the standard CSS fix.
|
Beta Was this translation helpful? Give feedback.
-
|
Update: first bookmark is back. I turned on 2 or 3 of them, now I turned them all off |
Beta Was this translation helpful? Give feedback.
-
Hi @Aris-t2 can u pls let me know which option to turn on to have these look? |
Beta Was this translation helpful? Give feedback.
-
|
For the toolbar buttons you have to keep the default option |
Beta Was this translation helpful? Give feedback.
-
|
How do I make all my tabs have BOLD fonts? I found this, but it only makes the SELECTED tab bold.
I have tried all sorts of other things, but none work for me. The first try, just removing "[selected]" didn't get me anywhere. |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
that is does! thanks. I wasted hours playing!.... oh well. |
Beta Was this translation helpful? Give feedback.
-
|
I just discovered that some web pages are now adding a "skip to content" link, which is normally HIDDEN.
One of the worse things is that this link may or may not exist. I guess I have to get mad at webpage designers for that. Firefox should offer a way to disable that piece of garbage. If designers wanted to make it easier to get to the main content, why don't they just redesign their pages? |
Beta Was this translation helpful? Give feedback.
-
|
The “skip to content” link is there for the benefit of blind users, and in today’s society we sighted people don’t get to rant against that. It is normally hidden unless you behave in ways that are typical for blind users, for example, start keyboard-based navigation with the Tab key, in which case it will unhide itself so that the screen reader could announce it. Activating it will move keyboard focus over all the unimportant things that precede the main content, such as a navigation menu bar or a sidebar. You cannot reliably delete, hide or disable it with just CSS because there is no standardized way to mark it up and no accessibility markup police to enforce that. Do not blame Firefox for the addition of these links. Web site designers are adding them, and they are adding them for good reasons. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the explanation. It's sad the industry can't develop a standard for something for blind users. But, I'm a little confused about blind users. I guess you mean people with poor eyesight. It just really can screw me up. I want to do everything with the keyboard. |
Beta Was this translation helpful? Give feedback.
-
|
No, I mean people with no eyesight, or eyesight so poor that they have trouble reading and rely on a piece of software to read web sites and application windows for them. As a sighted user who wants to interact with sites using the keyboard, you could start using the / key to find text, and ' to target links based on parts of their text. Firefox even has a couple preferences that let you just start typing and it will enter search. (Then you get to rant at web sites that use their own keyboard shortcuts and forget to disable browser’s default functionality, or sites that redefine / to activate the site’s search bar.) |
Beta Was this translation helpful? Give feedback.
-
|
On Firefox Developer Edition 128.0b1, megabar_expanding_breakout_disabled.css isn't working any more. |
Beta Was this translation helpful? Give feedback.
-
|
Are you using the latest files? |
Beta Was this translation helpful? Give feedback.
-
|
Yes, using Custom CSS tweaks for Firefox v4.5.3 which is working fine with Fx127. |
Beta Was this translation helpful? Give feedback.
-
|
Recent changes in |
Beta Was this translation helpful? Give feedback.
-
|
Okay no problem. I'll wait for when Fx128 gets released. |
Beta Was this translation helpful? Give feedback.
-
|
Issue seems like it was a glitch in the URL bar as they had added a space and is now working and looks good as of the release 128.0b7. |
Beta Was this translation helpful? Give feedback.
-
|
My navigation bar (and I right about that being the toolbar with the URL and add-on icons) has a white background. When I switch windows to HIGH CONTRAST mode, the background is black. It seems not to matter which high contrast theme I choose.
|
Beta Was this translation helpful? Give feedback.
-
#main-window #navigator-toolbox #nav-bar {
background: black !important;
color: white !important;
}
@media (prefers-contrast) {
// code
}=> @media (prefers-contrast) {
#main-window #navigator-toolbox #nav-bar {
background: black !important;
color: white !important;
}
} |
Beta Was this translation helpful? Give feedback.
-
|
thanks!!! works great, except one question. Here is my code I added.
I can't figure out the color: keyword. My color #3D6060 does not appear anywhere in the nav bar. Can you explain that keyword and why I don't see that color? |
Beta Was this translation helpful? Give feedback.
-
|
The color rule is for text, so unless you buttons show button text, #3D6060 won't appear on nav-bar. |
Beta Was this translation helpful? Give feedback.
-
|
thanks, I finally found a css reference that told me just that. odd it's not call "color-text". oh well. Great stuff and great support, Aris!!! |
Beta Was this translation helpful? Give feedback.
-
|
Bookmarks multiple lines has the following issue starting with Firefox 128: I hope this report is somwhat properly. ALexander |
Beta Was this translation helpful? Give feedback.
-
|
Test this: Line 47 |
Beta Was this translation helpful? Give feedback.
-
|
Perfect now: thanks a lot Aris. Best, Alexander |
Beta Was this translation helpful? Give feedback.
-
|
This fix will be part of next update. |
Beta Was this translation helpful? Give feedback.
-
|
This is a very niche issue but I can't seem to figure it out myself. I'm about to go from 118 to 127 and am using nightly to make sure everything looks exactly the same and making adjustments as needed. I got just about everything except one thing: There's a highlight border around the urlbar/findbar that glows when you click it. In 118, it'll disappear on the urlbar if you start typing for suggestions to show. Otherwise it shows as expected. In 127 (Nightly), however, clicking the urlbar doesn't have the highlight border unless you click out of the bar. The findbar doesn't have this issue. Is there any way to remedy this? I have an example image below demonstrating the issue.
|
Beta Was this translation helpful? Give feedback.
-
|
This will override the color when the bar is focused: #urlbar[breakout][breakout-extend] #urlbar-background,
#urlbar:not([focused]) #urlbar-background,
#urlbar[focused] #urlbar-background,
#urlbar[open] #urlbar-background,
#urlbar[focused][open] #urlbar-background,
#searchbar:not(:focus-within),
#searchbar:focus-within {
box-shadow: unset !important;
border: 1px solid rgba(0,0,0,.3) !important;
outline: unset !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
I've used Classic Theme Restorer for years and am familiar on how to change the various aspects. I hadn't updated Firefox on my laptop for probably over a year, but just went to v127.0 from probably 90 something. Most things are working fine expect for a couple of things like the back and forward buttons and my "+" for a new tab is hidden off the screen. Worst thing is when I type in the address bar, previous addresses come up and hide what I'm typing making it very difficult to put in an address, etc. My problem is that when I change any options in userchrome.css, nothing changes in Firefox - nothing. Not sure what I'm doing wrong as I'm changing the file in the profiles directory and I've done this many times before. Any suggestions would be appreciated. I've included a screenshot in case this helps. |
Beta Was this translation helpful? Give feedback.
-
|
Make sure you are using the projects latest files: https://github.com/Aris-t2/CustomCSSforFx/releases Extract the full release an reconfigure everything in |
Beta Was this translation helpful? Give feedback.
-
|
@Aris-t2 A follow-up to #308 (comment): I think Here's the new code that I use for Fx119-122 notification-message[message-bar-type="infobar"] {
--close-icon-size: 24px !important;
}
.notification-content {
padding-block: inherit !important;
}
.notification-button {
font-size: 0.9em !important;
min-height: 24px !important;
}
.infobar > .icon {
margin: 8px 0 !important;
margin-inline-start: 16px !important;
}and for Fx123+ button[type~="icon"] {
background-size: 12px !important;
}
.container {
padding-block: inherit !important;
}
.notification-button {
font-size: 0.9em !important;
min-height: 24px !important;
}The diff is as follows -notification-message[message-bar-type="infobar"] {
- --close-icon-size: 24px !important;
+button[type~="icon"] {
+ background-size: 12px !important;
}
-.notification-content {
+.container {
padding-block: inherit !important;
}
.notification-button {
font-size: 0.9em !important;
min-height: 24px !important;
}
-.infobar > .icon {
- margin: 8px 0 !important;
- margin-inline-start: 16px !important;
-}but if I blend them together we can cover 119-123+ without breaking anything (AFAICT anyway) notification-message[message-bar-type="infobar"] {
--close-icon-size: 24px !important;
}
.notification-content, .container {
padding-block: inherit !important;
}
.notification-button {
font-size: 0.9em !important;
min-height: 24px !important;
}
.infobar > .icon {
margin: 8px 0 !important;
margin-inline-start: 16px !important;
}
button[type~="icon"] {
background-size: 12px !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, I will update that file on next release. |
Beta Was this translation helpful? Give feedback.
-
|
Aris, another potential update: I locally changed the color for the tracking-protection icon. I use For my local code I used the rules from :is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon
{ fill: #40AA40 !important }/* rgb(64,170,64) */
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon
{ fill: orangered !important }
:is(#urlbar-input-container,.urlbar-input-container)[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon
{ fill: #40AA40 !important }/* rgb(64,170,64) */I do not know, though, how this could fit into Note that I did not test with default light or dark mode. You use in the style file already green and light green, red and orange (and also already BTW there also exist two bluish files:
|
Beta Was this translation helpful? Give feedback.
-
|
Code works fine with default icon. I can add it to Thanks |
Beta Was this translation helpful? Give feedback.
-
|
So in 128 they added a white outline to the selected tab again. How do I get rid of it? |
Beta Was this translation helpful? Give feedback.
-
|
Try this: .tab-background {
outline: unset !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
Hi Aris or anyone with a suggestion for this issue with Fx 128 (in preparation to use the 130 esr when it arrives in September). Instead of rebuilding the wheel completely, I am using everything from my current 115.13 esr, except for CSS where I have introduced the latest CSS-> about:preferences from the v.4.5.4, which fixes a problem where the checkboxes in Settings were misaligned. As far as I can tell the only remaining issue is with the Clear Recent History dialog, which now shows as Instead of
As it lacks the granularity of the one I'm used to, this current Clear Recent History dialog is pretty much unusable as is. Wondering if you can suggest a fix for this in order to restore the original. Thanks |
Beta Was this translation helpful? Give feedback.
-
.sanitizeCheckboxDescription {
display: none !important;
}
.checkboxWithDescription{
padding: 0 !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
Just updated to the new 128 from the 127 on a different Mac, and I'm seeing the same unwanted clear history dialog with reduced options. But before updating, looked at the 127 clear history dialog, which still presented the more granular clear history. So it appears that this is the new (absolutely stupid) default UI for the 128. Unless I'm mistaken, completely unrelated to any of the changes I made in the config-> css folder. However, did try entering the css you offered, below, in various places in the Chrome folder, such as userChrome.css, myuserChrome.css, myuserContent.css, etc., but with no effect. Unsure what it was supposed to do. Can you say where it would be best to add this CSS? Thanks. .sanitizeCheckboxDescription { .checkboxWithDescription{ |
Beta Was this translation helpful? Give feedback.
-
|
Sorry, I have not mentioned it. The code belongs into |
Beta Was this translation helpful? Give feedback.
-
|
Tried that css in both locations with no change. Can you please explain what was the intended effect ? EDIT: discovered that the original clear history dialog can be restored at about:config with privacy.sanitize.useOldClearHistoryDialog |
Beta Was this translation helpful? Give feedback.
-
|
If you read the change log for FF v128, you will see their comments about the change. They say "Firefox now has a simpler and more unified dialog for clearing user data. ..." I also commented about the change in the Mozilla forum. They use the phrase "temporary cached files". But, (unless I'm wrong) all Cached files are temporary! |
Beta Was this translation helpful? Give feedback.
-
|
Dear @Aris-t2 Hi! /* SCROLLING TAB LABEL */ After update to Firefox 128 the code stoped working. Any idea what has changed? |
Beta Was this translation helpful? Give feedback.
-
|
It is just /* SCROLLING TAB LABEL */
@-moz-keyframes my-animation {
from { transform: translateX(250px); }
to { transform: translateX(-100%); }
}
#scroll-container, #scroll-text, .tab-label:is([selected],[multiselected]) {
transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: my-animation 10s linear infinite;
-webkit-animation: my-animation 10s linear infinite;
animation: my-animation 6s linear infinite;
font-weight: bold !important;
overflow: hidden;
}Works fine with Fx 115ESR - 130 Nightly |
Beta Was this translation helpful? Give feedback.
-
|
Hi Aris,
|
Beta Was this translation helpful? Give feedback.
-
|
You can use own width of all those areas in settings. Add this to #mainPrefPane groupbox {
width: 70% !important;
} |
Beta Was this translation helpful? Give feedback.
-
|
Set to 580px. That's just perfect now! You are a true wizard. Many thanks!!! |
Beta Was this translation helpful? Give feedback.
and others
-
Make sure you have updated your configuration to the most recent version of this projects files and are using the latest version of the "options" required by your Firefox version >before< reporting problems!
Continued from #3, #41, #88, #109, #133, #163, #189, #211, #241, #273, #308, #368, #404, #417 and #454
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.
Custom JS scripts to restore more classic features
https://github.com/Aris-t2/CustomJSforFx
Things this project will not target/recreate
Things not possible with CSS
Beta Was this translation helpful? Give feedback.
All reactions