Εμφάνιση ερωτήσεων με ετικέτες: Εμφάνιση όλων των ερωτήσεων
  • Επιλύθηκε
  • Αρχειοθετήθηκε

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… (διαβάστε περισσότερα)

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;

}

Ερώτηση από Joebt 1 έτος πριν

Απάντηση από Joebt 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

Change tab height

Hi all, I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file? Thanks in advance. … (διαβάστε περισσότερα)

Hi all,

I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file?

Thanks in advance.

Ερώτηση από dr 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

Override "important!" in source files with userChrome.css

Hello, I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals). Replacing html|input.urlbar-input:-moz-locale-dir(rtl) { dir… (διαβάστε περισσότερα)

Hello,

I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals).

Replacing

html|input.urlbar-input:-moz-locale-dir(rtl) {

 direction: ltr !important;
 text-align: right !important;

}

with

html|input.urlbar-input {

 direction: ltr !important;
 text-align: left !important;

}

in chrome\browser\content\browser\browser.css does change the direction.

However, I can not achieve that with userChrome.css. Is it possible to override the "important!" rule in the source file with userChrome.css?

Thank you.

Ερώτηση από Yaron 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

Remove format change

Hi, I am not sure how to ask this question so maybe telling you the history of what I did will help. In one of the previous Quantum versions I wanted a different look fo… (διαβάστε περισσότερα)

Hi,

I am not sure how to ask this question so maybe telling you the history of what I did will help.

In one of the previous Quantum versions I wanted a different look for tabs and general layout. At that time I found a web page that covered what I was looking for. As I recall, there was some 'text' that I cut and pasted into a folder. That produced the layout you see in the attached screen cap image.

Since the Quantum versions have been updated I would like to remove the layout change previously installed and have the current traditional Firefox layout.

I have searched but am unable to find the original information.

Hopefully someone will be able to help me.

Thanks in advance for your help!

Ερώτηση από RHB10 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

How do I change the colour of the background, under the tab section?

I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colou… (διαβάστε περισσότερα)

I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colour of the main body, underneath the tab section. Is there a way or is it impossible?

Ερώτηση από LacazetteBestStrikerInThePL 2 έτη πριν

Απάντηση από Shadow110 2 έτη πριν

  • Κλειδωμένο
  • Αρχειοθετήθηκε

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… (διαβάστε περισσότερα)

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

Ερώτηση από JBVic 1 έτος πριν

Τελευταία απάντηση από jmazzeo 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

Can't get Tabs on bottom

At one point with this new firefox headache I managed to get my tabs on bottom but I had to do a refresh in order to get into my outlook email cause of a glitch. Now I ca… (διαβάστε περισσότερα)

At one point with this new firefox headache I managed to get my tabs on bottom but I had to do a refresh in order to get into my outlook email cause of a glitch.

Now I can't manage to get my tabs to go under the address bar. I did the whole chrome folder with the userchrome.css thing but I still cant get my tabs to go below my address bar.

Anyone have any idea what is causing this?

Its driving me up the wall not being able to have the browser how I want it.

Ερώτηση από Deamon99 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Κλειδωμένο
  • Αρχειοθετήθηκε

tabs not on bottom

I just updated to Firefox 65 and suddenly my tabs are once again up in the gods. How do I get them down below the bookmarks toolbar and address bar? I've tried Userchrome… (διαβάστε περισσότερα)

I just updated to Firefox 65 and suddenly my tabs are once again up in the gods. How do I get them down below the bookmarks toolbar and address bar? I've tried Userchrome and followed the 2017 video (which was very lcear by the way) that was recommended in Firefox support but it didn't work and I'm at my wits end. I hate this tabs on top thing and just want to put it back where it belongs. Please help?

Ερώτηση από Freaki_Zimi 1 έτος πριν

Απάντηση από trog 1 έτος πριν

  • Επιλύθηκε
  • Κλειδωμένο
  • Αρχειοθετήθηκε

Reposition Tabs at bottom, directly above web page in Firefox 65.0? -- for Windows 10 - not for MacOSX

Can anyone supply updated code for the userChrome.css for restoring Tabs to below Menu bar, Location bar, and Personal Toolbar? The code below was working until I upgrad… (διαβάστε περισσότερα)

Can anyone supply updated code for the userChrome.css for restoring Tabs to below Menu bar, Location bar, and Personal Toolbar? The code below was working until I upgraded to 65.0.

/* tabs on bottom */

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
  2. TabsToolbar {-moz-box-ordinal-group:1000!important}

Thank you for the help.


edited the title of this thread to include Windows 10 as the operating system the OP posted from

Ερώτηση από carrotwaffle 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

grey bar on version 65.0

Version 65 update moved the tabs back to the top and now I also have a grey bar across the top of the window

Ερώτηση από jdevlin 1 έτος πριν

Απάντηση από the-edmeister 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

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/… (διαβάστε περισσότερα)

Ερώτηση από Leafsdude 1 έτος πριν

Απάντηση από Leafsdude 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

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. … (διαβάστε περισσότερα)

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!

Ερώτηση από Thorzdad2 1 έτος πριν

Απάντηση από McCoy 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

Disable search bar(blue) when typing in address bar

I have been through numerous support pages and nothing helps, did a few about config changes as listed but still it appears. One post said it has always been there, I can… (διαβάστε περισσότερα)

I have been through numerous support pages and nothing helps, did a few about config changes as listed but still it appears. One post said it has always been there, I can assure you I never had this before and do not want it now. Is there any way to stop it please as I hate it even though just clicking removes it, I would prefer not to have it in the first place

Ερώτηση από neilbowls 1 έτος πριν

Απάντηση από McCoy 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

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… (διαβάστε περισσότερα)

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.

Ερώτηση από karju 1 έτος πριν

Απάντηση από TyDraniu 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

How to get multi-row bookmarks bar?

For years I've used a userchrome script to show multiple rows of bookmarks, but it no longer works in Firefox 66! Does anyone know what's gone wrong, or a way this can be… (διαβάστε περισσότερα)

For years I've used a userchrome script to show multiple rows of bookmarks, but it no longer works in Firefox 66!

Does anyone know what's gone wrong, or a way this can be fixed?

I cannot function without multi-row bookmarks! I have over 25,000 bookmarks, all neatly organized into folders across five rows of bookmarks. there's no way I could cram all those categories into one single, solitary row.

It's a shame that Firefox has never seriously supported the bookmark bar. It's always been buggy, ugly, cumbersome to use, and never felt very "solid". The menu also has a tendency to disappear, making it hard to organize and drag bookmarks and folders around.

Ερώτηση από MartyJames 1 έτος πριν

Απάντηση από the-edmeister 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

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?

Ερώτηση από max2 1 έτος πριν

Απάντηση από max2 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

"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… (διαβάστε περισσότερα)

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!

Ερώτηση από EGC_Warlock 1 έτος πριν

Απάντηση από EGC_Warlock 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

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. … (διαβάστε περισσότερα)

Hello,

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

does not work in FF 66.

What should be the replacing rule?

Thank you.

Ερώτηση από Yaron 1 έτος πριν

Απάντηση από cor-el 1 έτος πριν

  • Επιλύθηκε
  • Αρχειοθετήθηκε

make everything dark in firefox

Hi, I'm trying to get as much as possible of firefox to use dark theme to save my eyes at night. I use https://addons.mozilla.org/en-US/firefox/addon/darkreader/ to cust… (διαβάστε περισσότερα)

Hi, I'm trying to get as much as possible of firefox to use dark theme to save my eyes at night.

I use https://addons.mozilla.org/en-US/firefox/addon/darkreader/ to customize the sites automatically and it does an excellent job, except that firefox pages can't be customized with it and by that I mean:

about:blank about:newtab about:config about:preferences

for the blank and newtab pages I found three solutions:

1- create a [userContent.css](http://kb.mozillazine.org/UserContent.css) file with the following

@-moz-document url-prefix(about:blank) {*{background-color:#000000;}}

@-moz-document url-prefix(about:newtab) {*{background-color:#000000;}}

2- go to about:config and change

browser.display.background_color to #000000

browser.display.foreground_color to #ffffff

3- Go to "Preferences" and search for "colors" click on the colors button and set the background and text colors to the same colors as in 2.

now I tried all of the solutions above and all of them have side effects, the most prominent and annoying one is flashing white page for a couple of seconds when opening a new tab or white page while the website, other annoyances is that the settings don't apply to about:config and about:preferences even if I add them in userContent.css

-To test the flashing white you only need to open a new tab (while applying my settings above) and you will see it.

-To the white page before the site is loaded you need to open the link from another page(if you open a new tab and then paste the link you won't get the white page since the about:blank or about:newtab will have the dark background)

so to see my problem do the following:

1- go to https://github.com/biesiad/deelay#deelayme

2- right click on deelay.me link and click "open link in a new tab"

the link will be opened in a new tab that has the background in white or grayish color.

How can I solve these problems ? any tip would be appreciated.

Regards

Ερώτηση από moham96 1 έτος πριν

Απάντηση από jscher2000 1 έτος πριν