Showing questions tagged: Show all questions
  • Solved
  • Archived

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. … (read more)

Hello,

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

does not work in FF 66.

What should be the replacing rule?

Thank you.

Asked by Yaron 2 years ago

Answered by cor-el 2 years ago

  • Solved
  • Archived

"open new tab" + button is covered by the longer width tab in version 70, how to fix this?

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting eve… (read more)

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting everything in customise firefox layout tool. I'm using the default theme, or dark theme, as provided with firefox. I tried each density option and they made no difference. If this isn't happening to everyone, is there something I can do to reset to even more default appearance in order to make the button visible properly? I know I can open new tabs by menu or hotkey combinations. My display choices include showing title bar, menu and bookmark bar. I have only Ublock Origin, Foxy Proxy standard and zoom image add ons.

Asked by rick_hoskins 1 year ago

Answered by jscher2000 1 year ago

  • Solved
  • Archived

How to resize bookmarks side bar v63+

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame… (read more)

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame or something behind the sidebar so when it narrows the frame is still there anyway. I am trying to get a little more size to my main view panel BUT I also like to leave the bookmarks side bar displayed at all times.

Thank you

Asked by rexlan 2 years ago

Answered by jscher2000 2 years ago

  • Archived

Hide tab bar with one tab Firefox 76

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file: /* Modify to change window … (read more)

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file:

/* Modify to change window drag space width */
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }

.titlebar-buttonbox-container{
  position: fixed;
  display:block !important;
  top:0;
  right:0;
  height: 40px;
}
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

:root[sidemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }

:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
 -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
}
:root[tabsintitlebar="true"] #nav-bar{
  padding-right: calc(138px + var(--window-drag-space-width,0px));
  padding-left: var(--window-drag-space-width,0px)
}
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

#navigator-toolbox{ margin-top: 22px }
#toolbar-menubar{
  position: fixed;
  display:block !important;
  top: 0px;
  height: 22px;
  margin-top:1px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar .titlebar-buttonbox-container{ height: 22px; }
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

/* This will allow you to MAYBE put some items to the menubar */
#toolbar-menubar > *{ float: left }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */
/* Firefox 65+ only */
/* !!USER!! -  REMOVE ALL BUTTONS you can from the tabs toolbar */

/* Configurable window drag space  */
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }

#titlebar{ -moz-appearance: none !important; }
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
:root:not([customizing]) #TabsToolbar .titlebar-button{
  -moz-appearance: none !important;
  height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  -moz-box-align: stretch;
  margin: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
  visibility: collapse !important;
}

/* Button re-styling */
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
  padding: 0 !important;
  transform: scale(0.6);
  background-color: transparent !important;
}
/* Extra top padding  in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }
/* Fix window controls not being clickable */
#toolbar-menubar:hover{
  min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  -moz-appearance: initial !important;
}
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }

/* Hide blue stripe on active tab */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

 #toolbar-menubar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}
 #TabsToolbar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}

/* Change Color of Active tab */

/* Change Color of Normal Tabs */
tab:not([selected=”true”]) 
{
	background-color: rgb(240,240,245) !important;
	color: black !important;
}

/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}

Any help is appreciated.

Asked by Leafsdude 1 year ago

Last reply by jscher2000 9 months ago

  • Archived

Firefox Location bar issue with new version

With the newest Firefox, when I type in the address of where I want to go, the bar drops down and gives me all kinds of search and suggestions...I DON'T WANT THIS. I know… (read more)

With the newest Firefox, when I type in the address of where I want to go, the bar drops down and gives me all kinds of search and suggestions...I DON'T WANT THIS. I know where I want to go. How can I get rid of this area. See photo.

Asked by tpholt 2 years ago

Last reply by cor-el 2 years ago

  • Solved
  • Archived

FF 74 lost my bookmarks toolbar, they are vertical on the left, at the top if shiftkey and start FF

The update today to 74 lost all my customized, userchrome.css stuff and the row of bookmarks that used to be at the top now go down the left size, or right side if I want… (read more)

The update today to 74 lost all my customized, userchrome.css stuff and the row of bookmarks that used to be at the top now go down the left size, or right side if I want, but I want it at the top. Userchrome does not seem to recognized either as I put what I had kept, back in the a chrome folder in the profile folder.

Asked by carversmith 1 year ago

Answered by jscher2000 1 year ago

  • Archived

Kiosk application, and want ONLY forward/back/reload/home buttons, and tabs. NO access outside our own site. Spent days on this already, frustrated.

I've spent much time trying to craft a userChrome.css, and it never works right. Every time I get close, something else is badly broken. For example, I _finally_ got th… (read more)

I've spent much time trying to craft a userChrome.css, and it never works right. Every time I get close, something else is badly broken. For example, I _finally_ got the address box turned off, so they can't type in addresses, but now the Back button is non-functional.

Asked by jcathey 1 year ago

Last reply by jcathey 1 year ago

  • Solved
  • Archived

FF65 - Can't turn off address bar suggestions

After updating to Firefox 65 (Mac), there is now this enormous green drop-down that appears whenever I start typing in the address bar, and I cannot turn this thing off. … (read more)

After updating to Firefox 65 (Mac), there is now this enormous green drop-down that appears whenever I start typing in the address bar, and I cannot turn this thing off.

I've looked in Preferences > Privacy & Security > Address Bar, and all the selections there are unchecked. Search > Default Search Engine > Provide Search Selections is also unchecked.

Is there something in about:config I need to toggle? Or will I have to edit my userChrome.css to turn this off?

Thanks!

Asked by Thorzdad2 2 years ago

Answered by McCoy 2 years ago

  • Solved
  • Archived

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… (read more)

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;

}

Asked by Joebt 2 years ago

Answered by Joebt 2 years ago

  • Archived

recent update caused tabs to revert to top

just installed the latest current Firefox update which has reverted my tabs to the top rather than below my bookmarks toolbar. suffice to say this is rather annoying as c… (read more)

just installed the latest current Firefox update which has reverted my tabs to the top rather than below my bookmarks toolbar.

suffice to say this is rather annoying as changing the "browser.tabs.onTop" setting in the about:config which l originally did doesnt work any more l did find a userchrome.css file as well that said it would do it on this site but alas my tabs are still above the address bar and not below the bookmarks toolbar where l want them. any help to resolve this would be greatly appreciated due to the most recent update causing them to revert back to the top.

Asked by timelesspa 2 years ago

Last reply by the-edmeister 2 years ago

  • Archived

How to adjust/reduce hight of menu-bar using userChrome.css in Firefox 65?

I use Firefox 65 on Windows 10 computer. Since Feb 9 i used instructions found in Answers to the "How to use userChrome.css to move Tabs to the bottom" Question, to: - a… (read more)

I use Firefox 65 on Windows 10 computer. Since Feb 9 i used instructions found in Answers to the "How to use userChrome.css to move Tabs to the bottom" Question, to: - adjust height of Address, Bookmarks and Tabs lines - underline Bookmarks and Tabs lines - adjust width of Tabs,

but could not find way to adjust Menu-bar line height.

It would be nice to get instructions about rules and list of commands that can be used how to design userChrome.css file.

Asked by Vule 2 years ago

Last reply by Vule 2 years ago

  • Locked
  • Archived

Version 65.0 moved the tabs back to the top of the window. Why isn't the placement optional?

I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to mo… (read more)

I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to move it down. I know that I'm certainly not unique in disliking this location for the tabs toolbar. It makes a lot more sense for that toolbar to be below the bookmarks toolbar. That way, it separates the website content from the program's interface. Does anybody know of a way to move the tabs back down below the bookmarks toolbar? TIA

Asked by JBVic 2 years ago

Last reply by jmazzeo 2 years ago

  • Solved
  • Archived

Bookmark dialog/editor position and Auto bookmark save

Hi, Q1: Currently the dialog/editor for when you want to save a bookmark spawns under the '...' in the address bar, which is on my screen pretty far to the right side. es… (read more)

Hi,

Q1: Currently the dialog/editor for when you want to save a bookmark spawns under the '...' in the address bar, which is on my screen pretty far to the right side. especially because i prefer to save bookmarks with the menutoolbar>bookmarks menu (file edit view history bookmarks tools help) which is on the right side. (see image) i tried a little in userChrome with #editBMPanel_folderTree {} (which i found floating on the web) but i cannot get it to work. If thats impossible, is it then possible to move the '...' to the right side?

Q2: When the dialog/editor pops up and i leave it untouched and not hovering over it, it will automatically bookmark the page after 5-10~ seconds. how can i disable that?

Thanks in advance, Aapjuh

p.s. i uploaded an image with it.. but can't find it in the post so i'll provide a imgur link https://i.imgur.com/ukJCOTn.png

Asked by Aapjuh 2 years ago

Answered by cor-el 2 years ago

  • Archived

Width of the tabs doesn't stay the same on FF70

The more tabs I open, the narrower they are to fit in window, right? Right. But it used to work the way that when I close multiple of them, they stayed the same size for … (read more)

The more tabs I open, the narrower they are to fit in window, right? Right.

But it used to work the way that when I close multiple of them, they stayed the same size for a second or so which meant closing multiple of them in a row was much easier (just click in the same place multiple times), right?

Well, it used to (work that way) because it doesn't anymore. Tabs are resizing instantly which is annoying. Here's my question: is there a setting in about:config that got resetted or something or FF70 doesn't have this function anymore? Thanks!

Asked by wvs 1 year ago

Last reply by jscher2000 1 year ago

  • Solved
  • Archived

Re 66.0.2 Tabs are on bottom but project ~1/3 down from background, into usable screen, blocking tab titles.

Managed to get Tabs on Bottom in all previous updates (including FF65). Carried over ToB with FF66.0.2 update, but the whole line of tabs (including vertical separators)… (read more)

Managed to get Tabs on Bottom in all previous updates (including FF65). Carried over ToB with FF66.0.2 update, but the whole line of tabs (including vertical separators) has shifted down about 1/3 of its height such that it bleeds into the immediate viewable screen. If the top of that viewable screen is black, for example, the tab titles are almost unreadable. Any advice? Appreciated.

Asked by jYOW 2 years ago

Answered by jYOW 2 years ago

  • Archived

How do I disable the "microphone is being used" floating window in FireFox

There is already an indicator in the tab and one in the windows taskbar so I don't need a third one that is floating on the top of the window. How do I disable it? … (read more)

There is already an indicator in the tab and one in the windows taskbar so I don't need a third one that is floating on the top of the window. How do I disable it?

Asked by Zecr 1 year ago

Last reply by cor-el 1 year ago