Viser spørgsmål med mærket: Vis alle spørgsmål
  • Løst
  • Arkiveret

How can I move the Open Menu (hamburger) button to the Left side with Firefox 60 using CSS in the Userchrome.css file?

I want to combine two customizations in Firefox 60: 1 Move the tabs to below the Address bar and Bookmarks toolbar; and 2. Move the Open Menu (hamburger) button to the le… (læs mere)

I want to combine two customizations in Firefox 60: 1 Move the tabs to below the Address bar and Bookmarks toolbar; and 2. Move the Open Menu (hamburger) button to the left hand side in Firefox 60. Unfortunately, "customize" does not allow one to move the Open Menu button in FF60 (it is greyed out in "Customize"). I can do each of these steps separately with the following CSS customizations in the UserChrome.css file inside my profile, but am not sure how to combine the two together. For 1. the following works: https://support.mozilla.org/en-US/questions/1185426 For 2. the following works: https://github.com/Timvde/UserChrome-Tweaks/blob/master/hamburger/move-to-top-left-Linux-Windows.css but combining them messes up the position of the Open Menu button - I am not skilled in CSS. Can anyone suggest a CSS that will do both tasks together? Or is there a simpler solution to both that I am missing?

The two CSS respectively are: 1. Move the tabs to below the address bar and bookmarks toolbar: ________________

/* Tab bar below Navigation & Bookmarks Toolbars
  For best results, show Title Bar or Menu Bar */
  #nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top-width: 0 !important; 
   }
    #PersonalToolbar { /* bookmarks toolbar */
   -moz-box-ordinal-group: 2 !important;
   }
   #TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
   }

________________ 2. Move the Open Menu button to the LHS: ________________

/*
 * Move the hamburger menu to the top left, before the first tab
 *
 * Contributor(s): Alex Vallat
 */

#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}

:root[uidensity=compact] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: -30px;
}

:root[uidensity=touch] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Ensure the padding is always present even when maximized */
  padding-inline-start: 40px !important;
}

_______________

Stillet af Rick W for 3 år siden

Besvaret af Rick W for 3 år siden

  • Løst
  • Arkiveret

DOES THE TABS ON BOTTOM .CCS FILE WORKAROUND WORK IN FF VER. 62STILL WORK?

Have used this workaround before. Seems like might have to edit the scripe tho. I have a working version in Win10, but not working in Win 7. We miss our favorite user f… (læs mere)

Have used this workaround before. Seems like might have to edit the scripe tho. I have a working version in Win10, but not working in Win 7. We miss our favorite user friendly configureable browsers and would trade a little speed for a FF Flex version as opposed to current unfrindly FF Fast ver. Thanks for all the great FF browsers of the past

Stillet af Scott for 2 år siden

Besvaret af Scott for 2 år siden

  • Løst
  • Arkiveret

Moving status panel to the top

Hi, I am using Firefox 63.0.1 with Roboform V8 addon. The addon creates a toolbar at the bottom of the page. The problem now is, that the Roboform bar hides the status pa… (læs mere)

Hi,

I am using Firefox 63.0.1 with Roboform V8 addon. The addon creates a toolbar at the bottom of the page. The problem now is, that the Roboform bar hides the status panel at bottom left corner. Is it possible to move the status panel to the left or right top corner?

Thank you in advance!

Stillet af M4tz5 for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

Hide status bar as mouse moves AWAY from url link

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using O… (læs mere)

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using Openkiosk based on Firefox as a information screen to describe what people are looking at in a chapel, the stain glass windows in fact. its a touch screen device not connected to the internet in any way. This has black html pages and the only thing I cant get rid of is when you click on the next link is it flashes the URL link from localhost. I can simulate this with moving the mouse pointer away/off the url link.

I just wondered if anyone knows the code to stop this, I have been looking for days and I cant find it anywhere.

Stillet af packern for 2 år siden

Besvaret af packern for 2 år siden

  • Løst
  • Arkiveret

Run Hide One Tab & Tabs On Bottom in Firefox 65?

These two codes work separately: https://www.reddit.com/r/FirefoxCSS/comments/7dqtuf/hide_tab_bar_if_only_one_tab_is_open/ https://github.com/Aris-t2/CustomCSSforFx/blob/… (læs mere)

Stillet af Leafsdude for 2 år siden

Besvaret af Leafsdude for 2 år siden

  • Løst
  • Arkiveret

CSS: .urlbar-textbox-container in Firefox 66

Hello, .urlbar-textbox-container { margin-inline-end: 3px !important; } does not work in FF 66. What should be the replacing rule? Thank you. … (læs mere)

Hello,

.urlbar-textbox-container { margin-inline-end: 3px !important; }

does not work in FF 66.

What should be the replacing rule?

Thank you.

Stillet af Yaron for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

i would like to increase the size of my address bar, tabs and toolbar

Just bought new Dell with Windows 10 Downloaded Firefix and logged into. The size of the tabs are really small (changed them using about:config) The address bar and bookm… (læs mere)

Just bought new Dell with Windows 10 Downloaded Firefix and logged into.

The size of the tabs are really small (changed them using about:config) The address bar and bookmarks bar is still tiny..almost impossible to read

Please advise how to fix this..

Stillet af surftracefree for 2 år siden

Besvaret af jscher2000 for 2 år siden

  • Løst
  • Arkiveret

Firefox 63 tab.close.button.transparent.background w/ hovered background

Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fin… (læs mere)

Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fine.

I'd like to move the (inactive) 'X' close to the tab right end (did move it - not necessarily easiest way). The bottom of red background in hovered state needs to be close to the tab bottom & even with the tab's right end / side, for a better, easier target to close. I did that - more or less. :)

The issue (that may have no solution) is the inactive button's transparent BG is 20x20px, I believe. So far, unless I make the hovered, colored background the same size as the inactive button's , it distorts the 'X' when the red background appears. So the button is semi-fixed? When hovered, it doesn't "translate" the X icon in the same HxW. Yes, people are starving in Africa & we're worried about pretty browsers.

I assume because the inactive close button has different dimensions and margins than the added background does, the only way I can get the "legs" of the 'X' near the tab border is enter different margins for it than for the hovered, colored background?

  • Question on the last part: *When you have a 20x20 button, originally positioned so the 'letter X' was ~ 5 - 7px from the border / end, what does Firefox "do" w/ the transparent part of the button, when you enter margins so the 'X' is very near the right tab border (right end of the moz-box or container)?
  • Does it in effect, 'remove' part of the transparent button, as different margins are entered, to move the button closer & closer to the container's end?

It appears the default close button's 'X' is 10px WxH. Since browser toolbox showed the button was 20x20px - I think, then it has a 5px margin? on all sides of the 'X' image.

The main goals are:

  • 1. Get more room for text on tabs. I also changed margins on the tab icons to move them near the tab left border & disabled tab text fadein.
  • 2. Have a clickable background to close tabs - that lines up at the tab bottom, right corner & not have to "fish around" for the close button. I have that.

So far, unless I make the hovered background the exact dimensions of the button, then use the exact margins on both, it will distort the X - depending on how different in size the inactive & hovered sizes are.

I couldn't find a CSS property / feature that would allow *the original* X close button to shift up or left (undistorted), when the hovered background appears.

Maybe the original close button could be hidden during hover and a new close button specified (adding a colored BG) with a new size? Say, 15x20 (or 30)? As long as the hovered BG is near the bottom, right corner.

  • I think whatever space is occupied by the width of the transparent button edge (plus padding, if any), dictates how far the tab's text can extend to the right? Once hovered, I don't care if more or less text shows, since I'll be closing the tab, not reading it.
  • If that's true, I could modify / create an overall smaller inactive close button - allowing more text on tabs. Or just "remove" the *inactive state* close button, & specify the same close button (plus red BG) for the hovered state.

I'm not sure how hard it would be.

It was kind of tedious, figuring out how much negative margin values to enter (for 2 different element sizes), so they both wound up (nearly) equidistant from the tab R end. Key word being "nearly". I didn't want the 'X' touching or almost - the tab divider line. But I want the hovered background touching it, to make an easier closing target.

In blown up screenshot(sss), it seemed if I measured the distance between the close button visible 'X' and the tab's R border (say 7px), if I entered 5px, the visible 'X' moved, but NOT so it was 2px from the R border. It seemed something else was affecting it.

.tabbrowser-tab .tab-close-button { /* move inactive close button closer to tab R-end */

 margin-top: 5px !important;
 margin-right: -10px !important;
 margin-left: 0px !important;

}

Stillet af Joebt for 2 år siden

Besvaret af Joebt for 2 år siden

  • Løst
  • Arkiveret

How to disable panel under url bar?

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is cal… (læs mere)

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is called but it is just useless and annoying.

Stillet af karju for 2 år siden

Besvaret af TyDraniu for 2 år siden

  • Løst
  • Arkiveret

"Close tab" button on left?

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version o… (læs mere)

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS.

Does anyone know how to do that, or is there an extension which does this?

Thanks!

Stillet af EGC_Warlock for 2 år siden

Besvaret af EGC_Warlock for 2 år siden

  • Løst
  • Arkiveret

Why does FF Sync move and unpin my Top sites?

From similar issues w/FF, I can only guess my problems w/losing settings is due to User.js file OR my use of Ublock Origin. Now I turn off Ublock once in a while as I've … (læs mere)

From similar issues w/FF, I can only guess my problems w/losing settings is due to User.js file OR my use of Ublock Origin. Now I turn off Ublock once in a while as I've learned it may be causing FF to give me the "page not found/server" error page.

Seems to me by using Sync FF should be able to keep Tops sites where they should be and keep them pinned. Make no sense to me.

Anyhow, trying to read the How to fix preferences page but I gotta hang it up and get some sleep.


Thanks for any input. Hopefully the .js solution will work w/o hosing any Add-ons, etc.

Stillet af Mac291 for 2 år siden

Besvaret af Mac291 for 1 år siden

  • Løst
  • Arkiveret

Increase toolbar spacing?

Is there a way to increase the spacing between toolbars? I prefer my tabs just above the page and below the URL & "Bookmarks" toolbars so I found the CSS code to move… (læs mere)

Is there a way to increase the spacing between toolbars?

I prefer my tabs just above the page and below the URL & "Bookmarks" toolbars so I found the CSS code to move them, but I had to make their text bigger to read, and now my bars are overlapping each other (see attached photo.)

Is there a way to increase the spacing between toolbars so they don't overlap? TIA.

Stillet af Mugsy for 1 år siden

Besvaret af jscher2000 for 1 år siden

  • Løst
  • Arkiveret

How decrease spacing between lines in Bookmarks Library

This solution not help me. Windows 7 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row { he… (læs mere)

This solution not help me. Windows 7


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row {

 height: 1.3em !important;
 border-width: 1px !important;

}

Stillet af 12sunflowers for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

Stillet af max2 for 2 år siden

Besvaret af max2 for 2 år siden

  • Løst
  • Arkiveret

How can I install a second bookmarks toolbar, again in V66.0.1?

Last year, timeout14 posted "How can I install a second bookmarks toolbar?". The chosen solution was: "Hi, you will need to use userChrome.css for that. Info on how to us… (læs mere)

Last year, timeout14 posted "How can I install a second bookmarks toolbar?". The chosen solution was:

"Hi, you will need to use userChrome.css for that. Info on how to use it etc., is here https://www.userchrome.org/what-is-userchrome-css.html"

This worked fine until I was stupid enough to update Firefox Quantum to 66.0.1 (64-bit) which, of course, screwed it up.

Does anyone have a fix or should I stop trusting Firefox updates (sic) and go back to the earlier version?

Stillet af AIVAS for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

How to make the sidebar in Firefox Reader View Mode another (dark) color? Because I made a dark background and browser themes doesn't affect the color panel.

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need… (læs mere)

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need.

Stillet af dark8_Kitten for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

extensions dropdown not working

So basically, my extensions no longer show me anything in the dropdown. See the attached image. - I am currently on firefox 60.6.1-esr (up to date on debian stable). - I … (læs mere)

So basically, my extensions no longer show me anything in the dropdown. See the attached image.

- I am currently on firefox 60.6.1-esr (up to date on debian stable). - I tested this in a new profile (used the profile manager and create a blank test one. I installed noscript and the dropdown window appeared fine. - I reset my about:config by deleting my user.js and the dropdowns work again, however I lose my 1password login and other customizations I need.

What could be causing these not to render properly?

Stillet af calvinhasaproblem for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

change new tab button color

I want to change the "+" color on the new tab icon I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file. .tabbrowser-tab… (læs mere)

I want to change the "+" color on the new tab icon

I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file.

.tabbrowser-tab .close-icon:hover {

  fill: white !important;
  background-color: red !important;
  border-radius: 4px;
}

I think this code should work for the new tab icon, however I don't know the name of the new tab icon.

Please help,

Thank you

Stillet af dmdbdd for 2 år siden

Besvaret af cor-el for 2 år siden

  • Løst
  • Arkiveret

How do I hide tab bar scroll buttons in FF 71?

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons: TabsToolbar toolbarbutton[class^="scrollbutton"] { display: none !important; } Now… (læs mere)

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons:

  1. TabsToolbar toolbarbutton[class^="scrollbutton"] {
   display: none !important;
   }

Now it's stopped working. Does anyone know the new code?

Stillet af practik for 1 år siden

Besvaret af TyDraniu for 1 år siden