Topic: Barra dele schede di nuovo in alto con Firefox 133

[cesareantonio111]

Puntuale come il natale, almeno una volta all'anno arriva l'aggiornamento firefox che mi riposiziona la barra delle schede aperte sopra la barra degli indirizzi.
Vorrei sapere se qualcuno ha già trovato una soluzione per riportarla in basso (sotto la barra dei segnalibri)
Grazie

[perepe]

Ciao, sì per fortuna c'è già e funziona perfettamente.

Codice: [Seleziona]

/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  #nav-bar > .titlebar-buttonbox-container{
    order: -1 !important;
    > .titlebar-buttonbox{
      flex-direction: row-reverse;
    }
  }
}
@media not (-moz-bool-pref: "sidebar.verticalTabs"){
  .global-notificationbox,
  #tab-notification-deck,
  #TabsToolbar{
    order: 1;
  }
  #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
    display: none;
  }
  :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
    display: flex !important;
  }
  :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
    > .titlebar-buttonbox-container{
      display: flex !important;
    }
    :root[sizemode="normal"] & {
      > .titlebar-spacer{
        display: flex !important;
      }
    }
    :root[sizemode="maximized"] & {
      > .titlebar-spacer[type="post-tabs"]{
        display: flex !important;
      }
      @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
        (-moz-gtk-csd-reversed-placement),
        (-moz-platform: macos){
        > .titlebar-spacer[type="post-tabs"]{
          display: none !important;
        }
        > .titlebar-spacer[type="pre-tabs"]{
          display: flex !important;
        }
      }
    }
  }
}


[perepe]

Rimane ancora da trovare il codice funzionante per nascondere la linguetta della scheda quando c'è una sola scheda aperta e la relativa barra su cui si appoggia.

[cesareantonio111]

Ciao, sì per fortuna c'è già e funziona perfettamente.

Codice: [Seleziona]

/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  #nav-bar > .titlebar-buttonbox-container{
    order: -1 !important;
    > .titlebar-buttonbox{
      flex-direction: row-reverse;
    }
  }
}
@media not (-moz-bool-pref: "sidebar.verticalTabs"){
  .global-notificationbox,
  #tab-notification-deck,
  #TabsToolbar{
    order: 1;
  }
  #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
    display: none;
  }
  :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
    display: flex !important;
  }
  :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
    > .titlebar-buttonbox-container{
      display: flex !important;
    }
    :root[sizemode="normal"] & {
      > .titlebar-spacer{
        display: flex !important;
      }
    }
    :root[sizemode="maximized"] & {
      > .titlebar-spacer[type="post-tabs"]{
        display: flex !important;
      }
      @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
        (-moz-gtk-csd-reversed-placement),
        (-moz-platform: macos){
        > .titlebar-spacer[type="post-tabs"]{
          display: none !important;
        }
        > .titlebar-spacer[type="pre-tabs"]{
          display: flex !important;
        }
      }
    }
  }
}


Ti ringrazio, hai risolto a tempo di record una cosa che odio
Ancora grazie!

[perepe]

Mi fa piacere che anche tu abbia risolto. Comunque l'ho trovato qui
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/tabs_on_bottom_v2.css#start-of-content

[Iceberg]

Per non visualizzare la barra delle schede quando è aperta una sola scheda, al codice precedente provate ad aggiungere queste istruzioni.

Codice: [Seleziona]

#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs .tabbrowser-tab:only-of-type + #tabbrowser-arrowscrollbox-periphery {
  display:none !important; }
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox {
  min-height: 0px !important; }
#alltabs-button {
  display: none !important; }

[perepe]

Con una sola scheda aperta funziona, ma appena apro un'altra scheda la barra non si espande a sufficienza per vedere le linguette delle schede
https://ibb.co/BnqQK3r

Forse dipende dalle mie impostazioni delle barre e delle schede, che sono queste qui sotto ?

Codice: [Seleziona]

#TabsToolbar {-moz-appearance: none !important;
               max-height: 32px !important;}


.tabbrowser-tab {-moz-appearance: none !important;
  height: 38px !important;
  margin-right: -2.2px !important;
        margin-top: 2.5px !important;
  margin-bottom: -33px !important;
  max-width: 210px !important;   }


[Iceberg]

Devi fare qualche prova.
Una potrebbe essere quella di stabilire se il codice funziona in un profilo con solo questa personalizzazione.

[perepe]

Sì certo. Nei prossimi giorni faccio una verifica più approfondita. Grazie

[luigi?]

Ciao, sì per fortuna c'è già e funziona perfettamente.

scusa, è da un pò che non traffico con il profilo  , lo script va inserito nella solita cartella chrome?
Grazie.

[perepe]

Sì esatto, nel file userchrome

[perepe]

Devi fare qualche prova.
Una potrebbe essere quella di stabilire se il codice funziona in un profilo con solo questa personalizzazione.

Confermo che il codice da te indicato funziona (non avevo dubbi in proposito). Per quello che mi riguarda ho solo dovuto fare dei piccoli aggiustamenti sulle mie impostazioni della barra delle schede.

Grazie

[luigi?]

Sì esatto, nel file userchrome

Mi sembrava di aver posto un bel GRAZIE, ma si vede che ho fatto l'anteprima e non ho fatto l'invio 
Comunque ho applicato lo script e funziona benissimo!!
Vorrei solo che la barra fosse un po più bassa, nel senso che a video e alta 1,3 cm e vorrei si potesse ridurre un pò.
Specialmente sul portatile.
Ho guardato lo script e non vedo voci di misura che si posaano modificare. È possibile farlo?Grazie ancora.

[Iceberg]

Prova questa parte di codice, presa dalla personalizzazione di perepe:

Codice: [Seleziona]

.tabbrowser-tab {
  -moz-appearance: none !important;
   height: 64px !important; }Al posto di 64 metti il valore che trovi più adatto, tieni presente che sotto una certa altezza il valore inserito viene ignorato.

Potrebbe (se non serve ignorala) essere necessario adeguare anche questo valore:

Codice: [Seleziona]

#TabsToolbar {
 -moz-appearance: none !important;
  max-height: 64px !important; }

[luigi?]

👍👍👍
Applicato e funzionante !!!
Grazie!!
Buona domenica.