Topic: Spostare le schede sotto barra indirizzi

[nityavid]

Ho creato il blocco note, il file era lasciato note e non .css anche se l'avevo rinominato a destra, ma inserendo il tuo funziona.

[perepe]

Buongiorno. Nuovo aggiornamento e nuovo problema. Le mie istruzioni per nascondere la barra delle schede quando c'è una sola scheda aperta non funzionano più. La linguetta della prima scheda è sempre visibile. Mi aiutate per favore ?

Codice: [Seleziona]

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

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {min-height: 0px !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;}

#toolbar-menubar {position: fixed !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;}

#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {margin-top: 19px !important;}
 

[Iceberg]

Ciao, nuova versione, ennessima necessità di modificare questo codice.

Prova cambiando questa istruzione:

Codice: [Seleziona]

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {visibility: collapse !important;}
con questa (la stessa con un elemento aggiunto):

Codice: [Seleziona]

#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {visibility: collapse !important;}
Funziona?

[perepe]

Sì funziona ! Alcune piccole modifiche riesco a farle autonomamente ma qui si va su cose che non conosco. Per fortuna c'è sempre qualcuno che aiuta. Grazie infinite 

[Iceberg]

Bene.
C'è stata una modifica importante, è stata rimossa l'indicazione di quale è la prima scheda e di quale è l'ultima. Il funzionamento del codice precedente si basava sul fatto che, se la prima scheda era anche l'ultima la barra delle schede veniva rimossa.
Premessa per dire che il codice che ti ho suggerito sopra, pur funzionando, è errato.
La seconda riga, da Firefox 110, non corrisponde a nulla, viene ignorata.
Per evitare che in futuro, al posto di essere ignorata, venga interpretata male, meglio rimuoverla.
Di conseguenza l'istruzione diventa:

Codice: [Seleziona]

#tabbrowser-tabs .tabbrowser-tab:only-of-type {
  visibility: collapse !important; }

[Iceberg]

Riporto l'intero codice aggiornato per spostare in basso la barra delle schede e non visualizzarla se è aperta una sola scheda. Funziona anche con versioni precedenti, almeno fino alla 102.

Codice: [Seleziona]

/* Sposta in basso la barra delle schede e non la visualizza con una sola scheda aperta */

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

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  min-height: 0 !important; }
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
  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: flex !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; }

[perepe]

Grazie sei gentilissimo