Topic: Spostare le schede sotto barra indirizzi

[michro]

chiedo a chi usa Mac di postarmi il suo file (michro?)

@Winfox, non utilizzo quel codice perché non ho l'esigenza di spostare la barra delle schede sotto quella degli indirizzi (le preferisco in alto così come sono).
Mi dispiace

[micheles75]

Ok, ho provato a fare la modifica su OSX e non funziona.
Ho la cartella con i 2 file css: userContent.css vuoto, userChrome.css con la sola riga di default (quella con scritto namespace per intenderci.

Se incollo solo quella parte di codice mi ammucchia tutto: chiedo a chi usa Mac di postarmi il suo file (michro?)

Cancella tutto il testo nel file userChrome.css e incolla questo, (attiva la barra del titolo o si accavalla)


/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

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

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

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 27px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 27px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

[Winfox]

Grazie, proverò. Comunque mi pare ci siano anche altri codici.

[micheles75]

Grazie, proverò. Comunque mi pare ci siano anche altri codici.

Questo è quello che ho io nel file userchrome per avere le schede in basso

foto
https://flic.kr/p/2i2tWS1

[Winfox]

Non và.....

[micheles75]

Non và.....

Prova a svuotare la cartella chrome e lasciare dentro solo il file userchrome, magari rinomina la cartella originale e creane una nuova. Assicurati di essere nella cartella del profilo giusto per il firefox in questione, se in passato hai provato versioni beta o la versione night avrai più cartelle profilo

[tifonee]

qualcuno che usa windows potrebbe passarmi il suo file userChrome.css per piacere? o almeno spiegarmi come fare a non accavallare le barre delle schede e del menu una volta spostate? grazie.

[Iceberg]

Il bug:

https://bugzilla.mozilla.org/show_bug.cgi?id=1605485

Se qualcuno fosse iscritto e fosse interessato può votarlo. Anche se:

Some bugs can be voted for, and you can limit your search to bugs with more than a certain number of votes. Votes are not used by Mozilla developers to set priorities.

Tuttavia ritengo che avere dei voti riveli interesse per l'argomento.
E se gli utenti sono interessati... verranno ignorati... finisce  sempre così... ma se non provi...

[perepe]

Ok, ho provato a fare la modifica su OSX e non funziona.
Ho la cartella con i 2 file css: userContent.css vuoto, userChrome.css con la sola riga di default (quella con scritto namespace per intenderci.

Se incollo solo quella parte di codice mi ammucchia tutto: chiedo a chi usa Mac di postarmi il suo file (michro?)

Cancella tutto il testo nel file userChrome.css e incolla questo, (attiva la barra del titolo o si accavalla)


/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

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

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

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 27px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 27px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

A me ha funzionato.
C'è nessuno che è riuscito anche a nascondere la linguetta della scheda quando c'è una sola scheda aperta ? Io ho messo questa istruzione e funziona, però con una sola scheda aperta rimane visibile lo sfondo della barra delle schede (vuoto) e non riesco a nasconderlo.

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {visibility: collapse;}

https://ibb.co/XkJd0x4
https://ibb.co/6FFH96K

[Iceberg]

Bug risolto: WONTFIX.

[Iceberg]

C'è nessuno che è riuscito anche a nascondere la linguetta della scheda quando c'è una sola scheda aperta ? Io ho messo questa istruzione e funziona, però con una sola scheda aperta rimane visibile lo sfondo della barra delle schede (vuoto) e non riesco a nasconderlo.

Per nascondere la barra delle schede con una sola scheda aperta utilizzo questo codice:

Codice: [Seleziona]

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  min-height: 0 !important; }
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse !important;}
#tabbrowser-tabs .tabs-newtab-button {
  visibility: collapse !important; }
#tabbrowser-tabs tab {
  min-height: var(--tab-min-height) !important; }

[perepe]

Togliendo tutte le altre istruzioni da me inserite ad altri scopi e lasciando solo quelle per spostare le schede sotto e quelle da te suggerite il risultato è questo, ovvero la barra azzurra.

https://ibb.co/RpYn3HD

Come risolvere ?

[Iceberg]

Elimina tutto e prova questo codice.
Dovrebbe spostarti in basso la barra delle schede e non visualizzarla quando è aperta una sola scheda, senza quel brutto effetto che riscontri.
Non ti so dire se funziona anche su Windows.

Codice: [Seleziona]

:root #tabbrowser-tabs {
  --tab-min-height: 27px !important; }

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  min-height: 0 !important; }
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse !important; }
#tabbrowser-tabs .tabs-newtab-button {
  visibility: collapse !important; }
#tabbrowser-tabs tab {
  min-height: var(--tab-min-height) !important; }

#titlebar {
  -moz-box-ordinal-group: 100 !important; }
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  margin-top: -8px !important; }
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important; }
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important; }
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
  -moz-window-dragging: drag !important; }
#toolbar-menubar {
  position: fixed !important;
  display: block !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important; }
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  display: block !important;
  right: 0 !important;
  visibility: visible !important; }
#toolbar-menubar {
  top: 0px !important; }
/* Linux/macOS; space above navigation toolbar (OS titlebar); set to '0' if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 28px !important; }
Con la prima istruzione viene fissata l'altezza minima della barra delle schede, aumentando o diminuendo il 27 di esempio si ha un certo margine di personalizzazione.
L'ultima istruzione "if no menubar is used" va messo 0 dove si legge 28 (è specificato Linux/Mac, non so che effetto abbia su Windows).

L'autore del codice, che così combinato non fa parte dei suoi Tweaks, è Aris.

[perepe]

Ti ringrazio tanto.
Funziona al 99%. Il solo problema è la posizione della barra dei menu, che adesso è sotto alla barra dei pulsanti

https://ibb.co/0XDXdsW

[perepe]

Con questa aggiunta ho cambiato, di poco, la situazione.

#PersonalToolbar { -moz-box-ordinal-group: 999 !important;}

https://ibb.co/zXCM4sG

Le altre prove che ho fatto non hanno risolto, anzi hanno riportato le schede in alto. Aspetto un vostro consiglio grazie