-
Ever wanted an RSS feed of all your favorite gaming news sites? Go check out our new Gaming Headlines feed! Read more about it here.
-
We have made minor adjustments to how the search bar works on ResetEra. You can read about the changes here.
Firefox Quantum |OT| - Ground up redesign with new speed engine, UI, & extensions
- Thread starter Vanillalite
- Start date
You won't have to wait for much longer. They are aiming to have the update for Quantum out by the end of the week.
Was probably done with touchscreens in mind. Is the problem in the URL bar dropdown or in bookmarks?The line spacing issue is crazy, and I can't find a fix. What designer thinks this much space is required? (image not mine)
Why are you trying to change from left handed to right handed?The line spacing issue is crazy, and I can't find a fix. What designer thinks this much space is required? (image not mine)
Try uMatrix. As a script blocker it's a better/more flexible option, but a bit more complex.
Not much. They (onemen) are working on it, no ETA whatsoever. Judging by the posts in their forum it might very well be a long way off.
http://tabmixplus.org/forum/viewtopic.php?f=1&p=72854#p72854
By the looks of it, they seem to be reading about why it's bad to pressure left-handed people to change.
Ah, that sucks. It's one of my most valuable addons.
I would really like my tabs below the navigation bar, but I can't work out these Chome.css instructions.
I'd really like an expert to point out what silly thing I'm doing wrong here, because it's driving me a tad nuts. XD
I've gone into my profile folder under -> C:\Users\NAME\AppData\Local\Mozilla\Firefox\Profiles\febeprof.NAME\
Then I added a Chrome directory, then added a text file named -> userChrome.css
I've tried adding multiple text fields into this file per this thread and other googled solutions. But saving it and reopening Firefox does not move my tabs.
What am I missing? Thanks in advance!
EDIT - Figured it out. Had the wrong directory.
I'd really like an expert to point out what silly thing I'm doing wrong here, because it's driving me a tad nuts. XD
I've gone into my profile folder under -> C:\Users\NAME\AppData\Local\Mozilla\Firefox\Profiles\febeprof.NAME\
Then I added a Chrome directory, then added a text file named -> userChrome.css
I've tried adding multiple text fields into this file per this thread and other googled solutions. But saving it and reopening Firefox does not move my tabs.
What am I missing? Thanks in advance!
EDIT - Figured it out. Had the wrong directory.
Last edited:
Try pasting all this in your userChrome.css file:
Code:
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris ([email protected])*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar{
-moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
margin-top: 0px !important;
}
/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
visibility: collapse !important;
}
/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 25px !important;
}
/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/
/* toolbar colors */
#TabsToolbar:not(:-moz-lwtheme){
-moz-appearance: none !important;
background-image: linear-gradient(#f9f9fa,#f9f9fa) !important;
}
/* remove color overlay for lw-themes */
#main-window:not([style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']) :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
background: unset !important;
}
/* adjust compact themes background color */
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
background-image: linear-gradient(#323234,#323234) !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-darktext #TabsToolbar:-moz-lwtheme {
background-image: linear-gradient(#f5f6f7,#f5f6f7) !important;
}
/* toolbar borders */
#main-window #navigator-toolbox::after {
opacity: 0 !important;
}
#TabsToolbar{
margin-bottom: 0px !important;
border-bottom: 1px solid #5f7181 !important;
}
#main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
/* adjust compact themes borders color */
#main-window[sizemode="normal"][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-darktext #TabsToolbar:-moz-lwtheme {
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
border-bottom: 1px solid #323234 !important;
}
/**/
#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
-moz-margin-end: 0px !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
visibility: collapse !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
margin-top: 21px !important;
}
#tabbrowser-tabs .tab-drop-indicator {
margin-bottom: 0px !important;
}
#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
background-image: none !important;
box-shadow: none !important;
border-top: none !important;
border-bottom: none !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
box-shadow: unset !important;
}
/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}
/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
fill: black !important;
}
/* tweaks for Windows Classic theme *//*
#nav-bar:not(:-moz-lwtheme),
#PersonalToolbar:not(:-moz-lwtheme),
#main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
border-left: unset !important;
border-right: unset !important;
background: unset !important;
}
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
background: unset !important;
box-shadow: unset !important;
border-bottom: unset !important;
}
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
background: unset !important;
box-shadow: unset !important;
border: unset !important;
border-image: unset !important;
}
#main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
background: unset !important;
}
/**/(source )
Thanks for that.
Figured it out. I had the .css file in the incorrect appdata directory.
I did it last night. Very easy.
- Click help. Then Trouble shooting information. Then click open folder next to profile folder.
- Make a folder called chrome
- Download this
- Rename it userChrome.css . Then put it in the new chrome folder you made.
- Restart FF. Thats it. Congratulations
Demo 1
Demo 2
https://www.userchrome.org/what-is-userchrome-css.html
Why would anyone want to force their kid to change from being left to right-handed? Like, why is that even a thing? Lefties are rad.
The stuff you learn while looking at pictures of people's bookmarks on whatever we're informally calling this place.
I quite like Quantum.
The stuff you learn while looking at pictures of people's bookmarks on whatever we're informally calling this place.
I quite like Quantum.
Hamburger menu > Restore Previous Session.
You can set Firefox to automatically restore your previous session by opening the Hamburger menu > Options > When Firefox starts > Show your windows and tabs from last time.
wat. My bookmarks menu isn't nearly as hideous as yours.The line spacing issue is crazy, and I can't find a fix. What designer thinks this much space is required? (image not mine)
Does it look the same on a fresh profile?
So my Firefox randomly updated itself. I don't mind it, but most of my addons stopped working, so I had to look around for substitutes. Luckily, now I'm covered for the most part, the only thing missing is NoScript and according to their site, version 10 supporting Quantum should be out by the end of the weekend, so it's all good.
I'd love to switch to Firefox after using Chrome for so long, I like the new design a lot. However, is anyone else getting high ram usage?
Check out uMatrix. It lacks some of the additional layers of protection from NoScript, but as a script blocker it's more powerful and flexible, but also a little more complex.
I haven't really noticed any difference in RAM usage. They claim an improvement but I don't see it. My several day session was using over 2GB. It doesn't bother me though because the RAM is there to be used and the browser runs well.
Last edited:
Yep:
But I've switched from Chrome entirely since websites are running more smoothly, IMO.
Memory usage is very high for me, Averages around 2.3GB when i'm watching YT or Twitch. Decided to load up Vivaldi which has more addons, opened the same pages and streams, It's using 1.2GB. It was around half of what FF57 was using.
I'm enjoying FF57, It seems super smooth and fast but this ram usage is out of this world.
I'm enjoying FF57, It seems super smooth and fast but this ram usage is out of this world.
Usually hovers just under 2GB of ram use for me. Fired up Chrome and loaded up the exact same tabs and the same addons and Chrome always uses more.
Might not be the same for everyone but Firefox wins here for me. The only thing I don't like is Youtube. The site itself works fine but when I load a video it seems to load alright but I can't play the video for 5-10 seconds, I click on the video and the wee play symbol appears like it's going to play but it doesn't. Nothing major but it's mildly irritating.
Might not be the same for everyone but Firefox wins here for me. The only thing I don't like is Youtube. The site itself works fine but when I load a video it seems to load alright but I can't play the video for 5-10 seconds, I click on the video and the wee play symbol appears like it's going to play but it doesn't. Nothing major but it's mildly irritating.
It looks different depending on if you use:
- the bookmarks button
- the library button
- the sidebar button (or Ctrl+B)
- the textual bookmarks menu (or Alt+B, in the English version of Firefox)
- the bookmarks window (or Ctrl+Shift+O)
In addition to what's already been said, you may find your window under Alt > history > recently closed windows
Feels quite slow so far. Slower than the previous version despite not changing anything. Like pages not opening until you click on them, taking ages to load them, switching between windows taking longer, ... I have like one AddOn, have 10 tabs in two different windows, all of them regular text sites. If it can't even run smoothly with that. It is also significantly uglier. I'm not a Chrome fan, but it might be time to switch.
Last edited:
Thanks. Works great with the default upload to i.share.pho.to but it will only be hosted for 30 days. I switched the upload to imgur, but after I add the imgur link into my post the image doesn't come through, I just get a left-hand image tag ([ IMG] without the space). Guess I'll stick with uploading to i.share.pho.to for now, but I'd just as soon not post an image that's going to disappear in 30 days.
The speed improvedments to Quantum with CSS aren't on mobile yet (Android) but they will be with v 59.
Right-click the area > Customise, drag things around as you want.
Here's my ResetEra rules, which is basically just for the Twitter embeds.
Code:
resetera.com platform.twitter.com script allow
resetera.com s9e.github.io * allow
resetera.com s9e.github.io frame allow
resetera.com twimg.com * allow
resetera.com twimg.com cookie block
resetera.com twitter.com * allow
resetera.com twitter.com cookie block
resetera.com twitter.com frame allowAnd I have youtube allowed globally for embedded videos. I don't remember all the exact rules that go with it though.
Last edited:
