-
Notifications
You must be signed in to change notification settings - Fork 58
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
Library design bugs #131
Comments
The text of this issue was somehow replaced with that of your other (regarding imports) - I edited it using the text from my email. If you meant to edit it after the initial submission, the changes aren't included so you may have to edit again. @loopy750, would you mind glancing at this if you get the chance? I'm not seeing this on macOS. |
I noticed that the text color is controlled through windows under: |
It's not intended, no. Hopefully we can get that fixed as well. Here's a screenshot from a fresh profile in macOS with a few added bookmarks: Similar to the bookmarks sidebar, there shouldn't be (and isn't in my case) a hover color. |
In library.css I use the following
I haven't yet checked out the other bug, but if you look into my library.css you might find some other changes. It's been a while, and I've made so many changes that I can't remember what's different 😃 |
Thanks @loopy750! I added that and another snippet you had that may fix the borders. @t2YU2m8l83, can you give it a try when you have a chance and let me know? |
@overdodactyl The text is now light gray (excluding the tiny dropdown arrow next to it that's still black). Hover effect and artifacts are still the same. I also noticed that on Windows 10 Pro 64bit the hover effect is white and no border artifacts occur. If you tell me how to open the developer tools for the libary I could try to fix it by myself. I tried Ctrl+alt+shit+i but it doesn't work inside the libary. |
I don't entirely understand what all the problems are, but I'll give it a go. In my library.css I have the following code for the hover background colour:
In overdodactyl's library.css this line removes the top border which doesn't look right in Windows, so it's either not needed or is something specific to macOS:
To work on the library in Developer Tools, click the fourth icon left of X and select "chrome://browser/content/places/places.xul". |
Also, I'm just checking Windows 7 again on a virtual machine. Those artifacts appear on Firefox using Aero even without userChrome tweaks, but aren't as noticeable because of the light-coloured background. So it's more of a Windows 7/Firefox issue. |
Firefox has indeed a special windows 7 style section that causes this. Simply "removing" it works perfect:
Now everything looks like @overdodactyl 's photo though the little dropdown arror still highlights if you hover over it, but that's unimportant. |
Nice, that appears to do the trick, although I think you'll only need
Unless you know of a scenario where the others are also needed. |
Thank you both for looking into this.
I think this came from trying to remove all hover covers. I don't know what the default is on Windows and Linux, but there's no hover color on macOS. This also keeps consistency with the bookmarks sidebar. I'll add @media screen and (-moz-os-version: windows-win7) {
treechildren{
--treechildren-outline: none !important;
}
} unless I hear the rest of those lines are necessary as well, in which case I'll include it all. The arrow issue appears to be another Windows specific thing, as I can't reproduce on my side. |
I would recommend to implement all of these settings:
|
Thanks! Is that screenshot after the fixes? It seems to still have a hover color/some artifact over the "Roms" folder |
I took the screenshot with the changes listed above. Yes, there is still a hover effect but in my opinion it fits the color scheme and i left it intact. The fix removes all the ugly borders from my second bug image; No border artifacts, no borders for selected items, no borders for the hover effect. |
BTW if you ever want to run a free and legal version of Windows in macOS, in a virtual machine, without using Boot Camp, you can download something like VirtualBox and then Windows from this page https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ |
Thanks! Changes should now all be incorporated. Appreciate the suggestion for testing on Windows too, I'll have to check that out! |
Seems like Firefox 60 changed how those styles apply. Infact the fix for 59 results in ugly black borders. Either remove all lines except "--treechildren-outline: none !important;" or add
Both changes will look more or less the same. |
Thanks! I opted to delete all but that one line |
The text for the dropdowns (Organize, Views, Import and Backup) in the top left corner are black instead of light gray.
The tree- and detail-view create random border-top artifacts if you hover over their entries.
Reproduction:
System specifications:
Windows 7 64bit Pro N
Firefox Portable 59.0.2
-edit: overdodactyl
The text was updated successfully, but these errors were encountered: