FX89: Tabs (aktiven Tab markiert) unter die URL-Leiste

CFmicha

Hallo,

ich habe die userChrome.css von hier; aber die Tabs müssen nach oben, unter die URL-Zeile und nicht in den Lesezeichen und HTML-Bereich. Bei drei und mehr Tabs sind die auf der rechten Seite nicht.mehr zugreifbar. Wie geht's?

Meine komplette Datei:

CSS

/* Kommentare nur so, NICHT mit # (funktioniert nur manchmal) */


/* Suchleiste bei URL-Eingabe abschalten, Quelle: https://www.camp-firefox.de/forum/viewtopic.php?f=1&t=127163 */
#PopupAutoCompleteRichResult{
  display: none !important;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
@namespace html url("http://www.w3.org/1999/xhtml");


/* Buttonbox rechts auf der Tableiste ausblenden, Quelle: https://www.camp-firefox.de/forum/thema/129116-tuning-tipps-m-eine-firefox-tweaks-sammlung/?postID=1135456#post1135456 */
    #TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
    }


/* Werte / Zeilenabstand in der Sidebar anpassen, Quelle: https://www.camp-firefox.de/forum/thema/129783-ff72-und-die-tabs/?postID=1135340#post1135340 */
    .sidebar-placesTree treechildren::-moz-tree-row {
      min-height: 20px !important;
      height: 20px !important;
    }
    .sidebar-placesTree treechildren::-moz-tree-image {
      margin: -2px 2px !important;
    }

/* TabsOnBottom, Quelle: EXPERT #2344 und https://support.mozilla.org/de/questions/1248277 */
/* TabsOnBottom FF72, Quelle: https://www.camp-firefox.de/forum/thema/129783-ff72-und-die-tabs/?postID=1135338#post1135338 */
/* WICHTIG: layout.css.xul-box-display-values.survive-blockification.enabled  == TRUE */
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
    margin-top: -4px !important;
    max-height: 31px !important;
}

#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
        }

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

#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 31px !important;
    }

#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 31px !important;
    }

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }

@-moz-document url(chrome://browser/content/browser.xhtml) {

#TabsToolbar {
    background: #104e8b !important;
    position: absolute !important;
    display: block !important;
    top: 107px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
   min-width: 0px !important;
   width: 25px !important;
   margin-bottom: -5px !important;
   }

#tabbrowser-tabs {
   width: 100vw !important;
   }

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 38px !important;
   }

 :root {
--tab-min-height: 25px !important; /* 30 25 20*/
 }


:root #tabbrowser-tabs {
--tab-min-height: 20px !important; /* 30 25 15*/
}

.tabbrowser-tab:not([selected="true"]) {
color: blue !important;
background: lightgrey !important;
font-weight: bold !important;
}

/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
color: white !important;
background: blue !important;
font-weight: bold !important;
}


.tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0!important;
width: 157px!important;
}

}

Alles anzeigen

CFmicha

Mit der Lösung von hier und der Farbe von dort:

Verbesserungspotentiale?

CSS

/* Kommentare nur so, NICHT mit # (funktioniert nur manchmal) */

/* Suchleiste bei URL-Eingabe abschalten, Quelle: https://www.camp-firefox.de/forum/viewtopic.php?f=1&t=127163 */
#PopupAutoCompleteRichResult{
  display: none !important;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
@namespace html url("http://www.w3.org/1999/xhtml");

/* Buttonbox rechts auf der Tableiste ausblenden, Quelle: https://www.camp-firefox.de/forum/thema/129116-tuning-tipps-m-eine-firefox-tweaks-sammlung/?postID=1135456#post1135456 */
    #TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
    }

/* Werte / Zeilenabstand in der Sidebar anpassen, Quelle: https://www.camp-firefox.de/forum/thema/129783-ff72-und-die-tabs/?postID=1135340#post1135340 */
    .sidebar-placesTree treechildren::-moz-tree-row {
      min-height: 20px !important;
      height: 20px !important;
    }
    .sidebar-placesTree treechildren::-moz-tree-image {
      margin: -2px 2px !important;
    }

/* Aktiven Tab einfärben und FETTdruck, Quelle: EXPERT #2421 und https://www.camp-firefox.de/forum/thema/122642-aktuellen-tab-hervorheben/?postID=1057173#post1057173 und https://www.camp-firefox.de/forum/thema/129543-fx-89-tableiste-unten/?postID=1132438#post1132438 */
/* Farbe für Inaktiven Tab */
/* Farben original: Helligkeit=64% #a1a2a3 161-162-163    dunkel: Helligkeit=54% #88898a 136-137-138    mittel: Helligkeit=59% 148-149-150 #949596 */

.tab-background[selected="true"]{
opacity: 0.5!important;
background:#4F4F4F!important;
}

.tabbrowser-tab[selected="true"]{
color: white!important;
font-weight:bold;
}

/* TabsOnBottom, Quelle: EXPERT #2344 und https://support.mozilla.org/de/questions/1248277 */
/* TabsOnBottom FF72, Quelle: https://www.camp-firefox.de/forum/thema/129783-ff72-und-die-tabs/?postID=1135338#post1135338 */
/* WICHTIG: layout.css.xul-box-display-values.survive-blockification.enabled  == TRUE */

/* https://www.camp-firefox.de/forum/thema/129543-fx-89-tableiste-unten/?postID=1172088#post1172088 */
/* 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: 40px;
}
/* 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: 32px }

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

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

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

#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(29px + var(--uc-titlebar-padding,0px)) !important }

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

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; 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: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/

#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;
}

Alles anzeigen

Sören Hentzschel

Zitat von CFmicha

Verbesserungspotentiale?

Gibt es denn von deiner Seite aus Dinge, die für dich nicht passen?

CFmicha

Zitat von Sören Hentzschel

Zitat von CFmicha

Verbesserungspotentiale?

Gibt es denn von deiner Seite aus Dinge, die für dich nicht passen?

Nein, für mich ist die Lösung OK. Ich habe gefragt, weil ich den Code (außer der Farbdefinition) nicht wirklich verstehe ...