|
|
Post by anixx on Oct 3, 2024 15:39:48 GMT -8
But what theme do you use? I currently have two variants and the both are buggy.
This is the one by Cynosphere:
Issues:
- Wrong borders around toolbars - Stop button does not fit - Download button has diufferent hue - Buttons on the bookmarks bar are not visually pressed when pressed.
This one from this thread:
Issues:
- Wrong icons - Non-Classic scrollbars - Tabs are above the address bar
So, the both themes have different issues, how can I fix them?
While I am using the original MSFX in this thread, I have modified it a bit myself over the past year
To fix some of the issues in that screenshot, check to make sure the address bar is enabled and the buttons have to be rearranged manually, also you might want to check the addons button since stuff like the throbber might be hidden in it's overflow menu I do not need throbbler. I need:
1. To fix the toolbar borders and separators (this is OK in the other theme)
2. Make the toolbar buttons to be pushed on click (this is OK in the other theme) 3. Fix the icons
|
|
|
|
Post by Sennanon on Oct 3, 2024 15:56:34 GMT -8
While I am using the original MSFX in this thread, I have modified it a bit myself over the past year
To fix some of the issues in that screenshot, check to make sure the address bar is enabled and the buttons have to be rearranged manually, also you might want to check the addons button since stuff like the throbber might be hidden in it's overflow menu I do not need throbbler. I need:
1. To fix the toolbar borders and separators (this is OK in the other theme)
2. Make the toolbar buttons to be pushed on click (this is OK in the other theme) 3. Fix the icons
Could you send me the zip you used?
It'd be kinda hard to fix just going off the screenshot
|
|
|
|
Post by anixx on Oct 3, 2024 16:17:41 GMT -8
I do not need throbbler. I need:
1. To fix the toolbar borders and separators (this is OK in the other theme)
2. Make the toolbar buttons to be pushed on click (this is OK in the other theme) 3. Fix the icons
Could you send me the zip you used?
It'd be kinda hard to fix just going off the screenshot
I used the zip from here: |
|
|
|
Post by Sennanon on Oct 3, 2024 16:34:49 GMT -8
Could you send me the zip you used?
It'd be kinda hard to fix just going off the screenshot
I used the zip from here: I tried this in a completely new profile, and none of the issues in your screenshots showed up + A few css tweaks
Which version are you using? I'm using 115.13.0esr
|
|
|
|
Post by anixx on Oct 3, 2024 18:12:13 GMT -8
115.0esr, but all these issues also exist in version 128.
Now I decided to take another theme as a base, and now the only issue remaining is the wrong icons.
|
|
|
|
Post by anixx on Oct 3, 2024 18:17:40 GMT -8
I used the zip from here: I tried this in a completely new profile, and none of the issues in your screenshots showed up + A few css tweaks
Which version are you using? I'm using 115.13.0esr
Does the stop button appear entirely? |
|
|
|
Post by Sennanon on Oct 3, 2024 18:30:24 GMT -8
I tried this in a completely new profile, and none of the issues in your screenshots showed up + A few css tweaks
Which version are you using? I'm using 115.13.0esr
Does the stop button appear entirely? Not by default, but it can be forced through this:
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
display: block !important;
}
|
|
|
|
Post by anixx on Oct 3, 2024 18:53:54 GMT -8
Does the stop button appear entirely? Not by default, but it can be forced through this:
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
display: block !important;
}
I meant, does it appear trimmed or whole?
Are the icons encoded in the msfx.css file? Or they are in toolbar.png?
|
|
|
|
Post by Sennanon on Oct 3, 2024 19:39:38 GMT -8
Not by default, but it can be forced through this:
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
display: block !important;
}
I meant, does it appear trimmed or whole?
Are the icons encoded in the msfx.css file? Or they are in toolbar.png?
They're in toolbar.png similar to what windows did with toolbar icons, I'm not sure what theme you're using but if its a old enough it might be using -moz-image-region which was deprecated in newer versions A way to fix that would be using background images and and changing the background position for each icon
|
|
|
|
Post by anixx on Oct 3, 2024 20:10:48 GMT -8
I meant, does it appear trimmed or whole?
Are the icons encoded in the msfx.css file? Or they are in toolbar.png?
They're in toolbar.png similar to what windows did with toolbar icons, I'm not sure what theme you're using but if its a old enough it might be using -moz-image-region which was deprecated in newer versions A way to fix that would be using background images and and changing the background position for each icon
I am using this code taken from MSFX:
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon,
#reload-button > .toolbarbutton-icon,
#home-button > .toolbarbutton-icon,
#downloads-button #downloads-indicator-anchor,
/*#downloads-button > .toolbarbutton-icon,
#downloads-button > .toolbarbutton-badge-stack,*/
#history-panelmenu > .toolbarbutton-icon,
#bookmarks-menu-button > .toolbarbutton-icon,
#print-button > .toolbarbutton-icon,
#new-window-button > .toolbarbutton-icon,
#cut-button > .toolbarbutton-icon,
#copy-button > .toolbarbutton-icon,
#paste-button > .toolbarbutton-icon,
#fullscreen-button > .toolbarbutton-icon,
#find-button > .toolbarbutton-icon,
#email-link-button > .toolbarbutton-icon,
#sidebar-button > .toolbarbutton-icon,
#library-button > .toolbarbutton-icon,
#characterencoding-button > .toolbarbutton-icon,
#preferences-button > .toolbarbutton-icon {
padding: 0 !important;
opacity: unset !important;
width: 16px !important;
background-image: url("toolbar.png") !important;
list-style-image: none !important;
height: 16px !important;
}
But all buttons displayed as arrow back (back-button), which is the first icon in the file. How do I make it to index the icon number in the file?
|
|
|
|
Post by Sennanon on Oct 3, 2024 20:40:30 GMT -8
They're in toolbar.png similar to what windows did with toolbar icons, I'm not sure what theme you're using but if its a old enough it might be using -moz-image-region which was deprecated in newer versions A way to fix that would be using background images and and changing the background position for each icon
I am using this code taken from MSFX:
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon,
#reload-button > .toolbarbutton-icon,
#home-button > .toolbarbutton-icon,
#downloads-button #downloads-indicator-anchor,
/*#downloads-button > .toolbarbutton-icon,
#downloads-button > .toolbarbutton-badge-stack,*/
#history-panelmenu > .toolbarbutton-icon,
#bookmarks-menu-button > .toolbarbutton-icon,
#print-button > .toolbarbutton-icon,
#new-window-button > .toolbarbutton-icon,
#cut-button > .toolbarbutton-icon,
#copy-button > .toolbarbutton-icon,
#paste-button > .toolbarbutton-icon,
#fullscreen-button > .toolbarbutton-icon,
#find-button > .toolbarbutton-icon,
#email-link-button > .toolbarbutton-icon,
#sidebar-button > .toolbarbutton-icon,
#library-button > .toolbarbutton-icon,
#characterencoding-button > .toolbarbutton-icon,
#preferences-button > .toolbarbutton-icon {
padding: 0 !important;
opacity: unset !important;
width: 16px !important;
background-image: url("toolbar.png") !important;
list-style-image: none !important;
height: 16px !important;
}
But all buttons displayed as arrow back (back-button), which is the first icon in the file. How do I make it to index the icon number in the file?
Here's an example, it should decrease in negative increments of 16 on the x axis
#forward-button > .toolbarbutton-icon {
background-position: -16px 0px !important;
}
|
|
|
|
Post by anixx on Oct 3, 2024 21:16:31 GMT -8
I am using this code taken from MSFX:
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon,
#reload-button > .toolbarbutton-icon,
#home-button > .toolbarbutton-icon,
#downloads-button #downloads-indicator-anchor,
/*#downloads-button > .toolbarbutton-icon,
#downloads-button > .toolbarbutton-badge-stack,*/
#history-panelmenu > .toolbarbutton-icon,
#bookmarks-menu-button > .toolbarbutton-icon,
#print-button > .toolbarbutton-icon,
#new-window-button > .toolbarbutton-icon,
#cut-button > .toolbarbutton-icon,
#copy-button > .toolbarbutton-icon,
#paste-button > .toolbarbutton-icon,
#fullscreen-button > .toolbarbutton-icon,
#find-button > .toolbarbutton-icon,
#email-link-button > .toolbarbutton-icon,
#sidebar-button > .toolbarbutton-icon,
#library-button > .toolbarbutton-icon,
#characterencoding-button > .toolbarbutton-icon,
#preferences-button > .toolbarbutton-icon {
padding: 0 !important;
opacity: unset !important;
width: 16px !important;
background-image: url("toolbar.png") !important;
list-style-image: none !important;
height: 16px !important;
}
But all buttons displayed as arrow back (back-button), which is the first icon in the file. How do I make it to index the icon number in the file?
Here's an example, it should decrease in negative increments of 16 on the x axis
#forward-button > .toolbarbutton-icon {
background-position: -16px 0px !important;
}
Thank you very much! I finally fixed the theme! The only thing remaining is how to hide the extension list button (or make it to have normally-sized icon). |
|
|
|
Post by Sennanon on Oct 3, 2024 21:24:41 GMT -8
Here's an example, it should decrease in negative increments of 16 on the x axis
#forward-button > .toolbarbutton-icon {
background-position: -16px 0px !important;
}
Thank you very much! I finally fixed the theme! The only thing remaining is how to hide the extension list button (or make it to have normally-sized icon). No problem, this should hide the button, but disable it whenever you need to install an extension
#unified-extensions-button {
display: none !important;
}
|
|
|
|
Post by anixx on Oct 3, 2024 22:17:09 GMT -8
Thank you very much! I finally fixed the theme! The only thing remaining is how to hide the extension list button (or make it to have normally-sized icon). No problem, this should hide the button, but disable it whenever you need to install an extension
#unified-extensions-button {
display: none !important;
}
Thank you very much! I fixed everything except that after pressing Ctrl+F, the search text field is invisible. |
|
|
|
Post by Sennanon on Oct 3, 2024 23:09:30 GMT -8
No problem, this should hide the button, but disable it whenever you need to install an extension
#unified-extensions-button {
display: none !important;
}
Thank you very much! I fixed everything except that after pressing Ctrl+F, the search text field is invisible. Your welcome! Could you show me a screenshot? I can't replicate that |
|
|
|
Post by anixx on Oct 4, 2024 1:40:19 GMT -8
Thank you very much! I fixed everything except that after pressing Ctrl+F, the search text field is invisible. Your welcome! Could you show me a screenshot? I can't replicate that This is what I see when pressing Ctrl+F, only a blank bar at the bottom:
P.S. Also, the menubar padding on the right is too big.
|
|
|
|
Post by anixx on Oct 4, 2024 9:44:08 GMT -8
Well, I cannot use Firefox 115. I upgraded to FF 128 because I had problems with Youtube videos. Now I downgraded to FF115 and the issues with video re-appeared...
|
|
|
|
Post by Sennanon on Oct 4, 2024 12:47:29 GMT -8
Well, I cannot use Firefox 115. I upgraded to FF 128 because I had problems with Youtube videos. Now I downgraded to FF115 and the issues with video re-appeared... I'm really sorry, I haven't been able to replicate any of these issues, have you tried using these themes on a new/clean profile?
|
|
|
|
Post by anixx on Oct 4, 2024 13:20:17 GMT -8
Well, I cannot use Firefox 115. I upgraded to FF 128 because I had problems with Youtube videos. Now I downgraded to FF115 and the issues with video re-appeared... I'm really sorry, I haven't been able to replicate any of these issues, have you tried using these themes on a new/clean profile?
So, I made a clean install of Firefox 128 and unmodified MSFX on it.
It mostly works well but there are some issues:
1. The toolbar separators are white lines instead of 3D 2. Some icons do not fit in their place (Stop icon, favicon in the address bar) 3. There is no javascript plugins manager in the menu (but the plugins work, as can be seen from the classic-themed scrollbar).
|
|
|
|
Post by Sennanon on Oct 4, 2024 17:52:16 GMT -8
I'm really sorry, I haven't been able to replicate any of these issues, have you tried using these themes on a new/clean profile?
So, I made a clean install of Firefox 128 and unmodified MSFX on it.
It mostly works well but there are some issues:
1. The toolbar separators are white lines instead of 3D 2. Some icons do not fit in their place (Stop icon, favicon in the address bar) 3. There is no javascript plugins manager in the menu (but the plugins work, as can be seen from the classic-themed scrollbar).
This'd be kinda hard to fix just going off screenshots, but if it'll help you can enable the browser toolbox and click the top left button to select elements I could try to help a bit, but I can't replicate any of this myself |
|
