How to resize the Address Bar focus in Firefox builds 75-77

Page 2 of 3 FirstFirst 123 LastLast
  1. Compumind's Avatar
    Posts : 2,801
    Windows 10 Pro x64, Various Linux Builds, Networking, Storage, Cybersecurity Specialty.
    Thread Starter
       #11

    erpster4 said:
    the browser.urlbar.maxRichResults pref is optional and not necessary to be set to 0 (default value is 10)

    using browser.urlbar.disableExtendForTests to True is good enough (be careful - "disable" should be lowercase "d" and not "Disable" with a capital D - these prefs are case sensitive; doesn't work if it's browser.urlbar.DisableExtendForTests)
    What I had posted does work.

    Thanks for your input.

      My Computer

  2. Dirk Gently's Avatar
    Posts : 118
    Windows 10
       #12

    Compumind said:

    Here is the updated fix for Firefox 77.0.1:

    1) Type about:config in the browser's address bar.
    2) Confirm at the prompt that you will accept the risk and to view all.
    3) Paste browser.urlbar.disableExtendForTests and create a new Boolean Value and leave it True in the Search Preference Name Bar.
    4) Paste browser.urlbar.maxRichResults and set the value to 0 (Zero)
    in the Search Preference Name Bar.
    5) Restart Firefox and check.


    The address bar should now stay the same size (as per previews releases) when you mouse click in it (focus).

    Hope this helps!

    Perfect! Thanks for this.
      My Computer

  3. bo elam's Avatar
    Posts : 654
    Windows 10 Home
       #13

    Compumind said:
    Update:

    The previous solution breaks when you upgrade to Firefox 77.0.1.

    First, follow all of the steps in Post #1 (above) -

    Here is the updated fix for Firefox 77.0.1:

    1) Type about:config in the browser's address bar.
    2) Confirm at the prompt that you will accept the risk and to view all.
    3) Paste browser.urlbar.disableExtendForTests and create a new Boolean Value and leave it True in the Search Preference Name Bar.
    4) Paste browser.urlbar.maxRichResults and set the value to 0 (Zero)
    in the Search Preference Name Bar.
    5) Restart Firefox and check.


    The address bar should now stay the same size (as per previews releases) when you mouse click in it (focus).

    Hope this helps!

    Thanks, Compumind. This past few months I was using ESR but last night I moved back to Firefox Stable 79. The solution as written above came very handy (Good for my health ), as I cant stand the annoyance that the expanding URL Bar generates.

    Bo
      My Computer

  4. Compumind's Avatar
    Posts : 2,801
    Windows 10 Pro x64, Various Linux Builds, Networking, Storage, Cybersecurity Specialty.
    Thread Starter
       #14

    bo elam said:
    Thanks, Compumind. This past few months I was using ESR but last night I moved back to Firefox Stable 79. The solution as written above came very handy (Good for my health ), as I cant stand the annoyance that the expanding URL Bar generates.
    You are most welcome!
      My Computer

  5. bo elam's Avatar
    Posts : 654
    Windows 10 Home
       #15

    @Compumind I updated today to Firefox 83, and found the fix (to get rid of the annoying Mega bar) you posted in this thread not working anymore. But fortunately, I found a new one.

    The code below gets rid of the Mega bar, just copy and paste it to your existing userChrome.css or create one.

    }

    #urlbar[breakout][breakout-extend] {
    top: 5px !important;
    left: 0px !important;
    width: 100% !important;
    padding: 0px !important;


    }


    /* Prevent shift of URL bar contents */

    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    }

    HTH, you or someone else.

    Bo
      My Computer

  6. Compumind's Avatar
    Posts : 2,801
    Windows 10 Pro x64, Various Linux Builds, Networking, Storage, Cybersecurity Specialty.
    Thread Starter
       #16

    bo elam said:
    @Compumind I updated today to Firefox 83, and found the fix (to get rid of the annoying Mega bar) you posted in this thread not working anymore. But fortunately, I found a new one.
    Hi Bo and others -

    I have been trying to find a true fix for the Megabar (address bar) as soon as Firefox 83 was released.
    So I am somewhat familiar with userChrome and tried the above CSS code.

    userChrome.css for Customizing Firefox

    Therefore, I checked their website to ensure that everything was implemented correctly (backup your entire Firefox user profile, first, before modifying anything!) and it was correct.
    Then I injected your code again into the blank .txt file but it did not work.

    May I ask where you found that code and the exact formatting of it?
    I'm starting to like Edge more!

    Many thanks!



    P.S. Tried this, too - no luck. Rather not reinstall Firefox...

    https://www.askvg.com/tip-the-best-w...zilla-firefox/
    Last edited by Compumind; 08 Dec 2020 at 15:55.
      My Computer


  7. bo elam's Avatar
    Posts : 654
    Windows 10 Home
       #17

    Compumind said:

    May I ask where you found that code and the exact formatting of it?
    I'm starting to like Edge more!
    Hi Compumind. I got the code from the link below. What I posted here at tenforums is what I am using from that code to eliminate the megabar and is only the code that's needed to get rid of the Megabar. I deleted from the code in the link what has nothing to do with getting rid of the Megabar.

    FirefoxCSS/userchrome.css at master . VernonStow/FirefoxCSS . GitHub

    This is what the code looks in my userChrome.css file after the changes I made (2 chunks at the end):

    How to resize the Address Bar focus in Firefox builds 75-77-sin-titulo.jpg

    Very important: Since the update to Firefox 69, to unlock/make userChrome.css work you need to toggle the preference below in about:config to true. If you haven't done this, css will not work. Perhaps this is why the code is not working for you.

    toolkit.legacyUserProfileCustomizations.stylesheets}

    Compumind said:
    ...... Then I injected your code again into the blank .txt file but it did not work.
    This is also important. After you write the code in the txt file, you have to save it as css and name it userChrome. If the file gets saved as txt, it will not work. Look at my css file below. That was a txt file when I created it but I saved it as css.

    How to resize the Address Bar focus in Firefox builds 75-77-bb.jpg

    Or, to make it easier, I uploaded a userChrome.css file that you can use, with only the code to eliminate the Megabar. Make sure to put this file inside a folder named chrome. And place it inside your Firefox profile folder in AppData>Roaming. Look at the path in the picture immediately above.

    TinyUpload.com - best file hosting solution, with no limits, totaly free


    Bo
    Last edited by bo elam; 10 Dec 2020 at 14:27.
      My Computer

  8. Farvatten's Avatar
    Posts : 733
    Windows 10 Pro 64bit 21H1 19043.1387
       #18

    bo elam said:
    I uploaded a userChrome.css file that you can use, with only the code to eliminate the Megabar
    Hey Bo, this may be something unique to my about:config settings, but using only this downloaded userChrome.css code I'm seeing the URL window jump 2 pixels when given focus.

    How to resize the Address Bar focus in Firefox builds 75-77-megabarfixjump.gif

    And in case others are seeing this as well, this all I have in my userChrome.css file that I've been using to fix the Megabar issue without this jump;

    Code:
    /* Current v.83 Fix */
    
    /* Prevent shift of URL bar contents */
    
    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    }
    
    /* DISABLE EXPANDING START */
    
    #urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
    }
      My Computers

  9. bo elam's Avatar
    Posts : 654
    Windows 10 Home
       #19

    Farvatten said:
    Hey Bo, this may be something unique to my about:config settings, but using only this downloaded userChrome.css code I'm seeing the URL window jump 2 pixels when given focus.
    Hi Farvatten, I am not seeing the jump or shift. I being using this code since the update to 83 and tested what I posted before posting it and did that again after reading your post. It works just fine for me. As you said, it could be something related to another customization or setting you have in place.

    Here is my Firefox UI.

    How to resize the Address Bar focus in Firefox builds 75-77-sin-titulo.jpg

    Bo
      My Computer

  10. Compumind's Avatar
    Posts : 2,801
    Windows 10 Pro x64, Various Linux Builds, Networking, Storage, Cybersecurity Specialty.
    Thread Starter
       #20

    @bo elam -

    It would appear that the first two lines of your .css were strangely missing from my .css file.
    So copy/pasted that into my file and - it works - no shift. Hope it stays that way.

    Rep Point earned!

    Good work and thanks.

      My Computer


 
Page 2 of 3 FirstFirst 123 LastLast

  Related Discussions
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd
All times are GMT -5. The time now is 01:02.
Find Us




Windows 10 Forums