பயர்பாக்ஸ் ஆதரவு மன்றம்

Firefox updated and now my tabs are above the address bar, I hate it. I have went through all the information I could and created a new chrome folder, downloaded the css and changed user preferences but it sets the tabs to the bottom of the screen not just below the address bar. I think I need a different set of code for the css but cant find a copy. Does anyone know what to do?

Every solution which I have found for Firefox 89 "Proton" so far which moves the Tabs Bar below the Navigation Bar (AKA "address bar"), with the Menu Bar above it, does NOT move the Tabs Bar below the Bookmarks Bar. The Bookmarks Bar appears to be overwritten and blank, and occupies space below the Menu Bar, Navigation Bar, and Tabs Bar. This empty space separates the three bars which are implemented and the content of the currently-selected tab below it.

Currently, my userChrome.css file is a copy posted by Cor-el (?):

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: below nav-bar - fixed for 108+,113+ */

/* ROOT -variables */
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  
  --tab-min-height: 25px !important; /*override density*/
  --tab-min-width:  80px !important; /*override default*/
}

/* TABS: below nav-bar - no longer needed in 113+ *//*
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
  order: 10 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  order: 1000 !important;
}
*/

/* TABS: position */
#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

/* for 107 and lower - disable this rule in 108 and newer *//*
#tabbrowser-tabs {
  width: 100vw !important;
} */

/* navigator-toolbox: PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
  position: relative !important;
}

/* TABS: HEIGHT */
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#tabbrowser-tabs,
.tab-stack,
.tab-content {
  height: var(--tab-min-height) !important;
}

/* TABS: APPEARANCE */
#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

/* indicators - hide  */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* window controls in full screen - hide*/
#TabsToolbar #window-controls {display: none !important;}

/* caption buttons on tab bar - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}

________________________________________________________________________________________________

Evidently, the text editor for this website does several things to the above original text that, frankly, seem unnecessary and undesirable. The .CSS file is just an unformatted text file, so what is the problem with simply copying its contents and pasting it in to the body of this post?

Which is also to say that I do NOT have a clue as to what any line in the file is meant to do, what effect it has, why it is even in the file at all, or why it is written in the way that it is. So DO NOT tell me that I "CAN" create a Cascading Style Sheet on my own when I cannot even modify one that has been provided.

On the face of it, something is missing from the above CSS text. What change needs to be made to the above content so that the Bookmark Bar will appear between the Navigation Bar and the Tabs Bar??

Thank-you very much for your time and attention to this request for assistance.

Anyone know if there is a way to import Google Chrome extensions into Firefox. I am moving over and want to make it easy. When I search all I get is bookmarks which I know how to do.

TIA!

Ron

I was quite unhappy with the new Firefox Proton design, so I made a CSS file and copied the following code from a website. However, I don't know what to do to (1) slightly reduce the tab height, (2) get back tab borders for inactive tabs and (3) remove the small gaps between tabs. How exactly do I have to change the following code to do so (ideally, for convenience, please just complete the code accordingly)? Thanks in advance for any support!

/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 6px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
    margin-block: 1px 0 !important;
}
#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
}
/* Container color bar visibility */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}

On this site: https://www.orange.pl/twojekonto/zaloguj I can't force firefox to remember username (no problem with remembering password on next step). In older Firefox without WebEx there was addon which allowed to manipulate forms to prepare proper autocompletion data. This addon is not supported with WebEx anymore due to lack of proper functions. Instead Firefox Dev Team claims that mechanism built in current Firefox is enough for such tasks and mentioned addons are not needed. Seems it is wrong thinking.

I tried different approaches to save username for mentioned site but without success.

Firefox updates use the term MSI, but never do you explain what that means. Come on guys step around the counter and act like a user. Not only what does it mean, but what are the differences between MSI and the download without MSI?

Hi, I've just spent all day trying to follow all the different suggestions here regarding these issues. Adding all sorts of things to the userChrome CSS but 95% of the suggestions have no effect at all [I'm seriously non-technical, so I have no idea if I'm doing it correctly though...probably not] The only thing that I can change is the Tab Height...nothing else changes regardless of what numbers I put in there. The only way I've been able to make the Bookmarks folders usable at all is to enable Compact mode via about:config. But that actually makes it way too compact now...from one extreme to the other. At least it's usable now...so not the end of the world, but the right click menu still has way too much space between every entry [Compact mode made no difference to that at all]. I don't know how to make a screenshot of those menus :) so I took a couple of pics of the screen...can someone please show me what to add to the CSS file to make these ridiculously big spaces between the menu items way smaller...like they used to be before this Proton came in? I tried tons of things that people said to add to the CSS to fix this menu spacing thing but none of them changed anything. I'll include the CSS file that I have below. Thanks a lot

ps: for some reason the pics always come out sideways here

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 36px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 24px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 60%; }

#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 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; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

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

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(24px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 24px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 24px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

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

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 24px !important;
--tab-min-width: 80px !important;

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}

.tab-close-button {
color: red!important;
}

#nav-bar{ height:20px; }

/*** Tighten up drop-down/context/popup menu spacing ***/

menupopup > menuitem, menupopup > menu {
  padding-block: 4px !important;
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}