Topic: Spostare le schede sotto barra indirizzi

[Winfox]

Grazie per la spiegazione

Grazie anche da parte mia Iceberg, anche se non ci ho capito nulla 

[Acroni]

  Ciao. Vorrei riportare le schede in basso, rendendole anche arrotondate. Uso Firefox 73.01 E' possibile ? Grazie in anticipo a chi dovesse rispondermi ! 

[Iceberg]

Per spostare le schede in basso ti rimando all'apposita discussione, leggi da qui:
https://forum.mozillaitalia.org/index.php?topic=69776.msg509980#msg509980

Ricordo che abbiamo fatto una sollevazione popolare per riavere le schede rettangolari. 
Leggi il capitolo Curve the Tabs qui, dove troverai anche il capitolo per le schede in basso.
https://www.userchrome.org/what-is-userchrome-css.html#movetabbar

Sposto il tutto nella discussione citata sopra.

[Iceberg]

Nel file userChrome.css controlla la parte iniziale del codice, deve esserci questa riga:

Codice: [Seleziona]

@-moz-document url("chrome://browser/content/browser.xhtml")Nel tuo file potresti avere la vecchia istruzione, non più riconosciuta, che invalida il codice successivo. Vale a dire, rimuovi se c'è, questa riga:

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

Altra possibilità è la mancata attivazione del caricamento del file userChrome.css, dovuta a questo parametro presente in about:config
toolkit.legacyUserProfileCustomizations.stylesheets
Controlla che il suo valore sia true.

[perepe]

Funziona !! Io uso Windows, nell'ultima istruzione, quella per Mac, ho messo 19px e adesso il risultato è questo

https://ibb.co/b6m3Dm1
https://ibb.co/PjbjgGg

Al momento non vedo effetti collaterali


Mille grazie

Ci risiamo...

Buonasera. Dopo l'aggiornamento a Firefox 76 le istruzioni che ho messo per nascondere una sola scheda aperta funzionano parzialmente, ovvero la linguetta sparisce ma la barra delle schede vuota non è più nascosta.

Le mie conoscenze mi permettono di fare soltanto semplici modifiche, chiederei a chi ne sa più di me un aiuto per nacondere nuovamente la barra.
Immagine della barra  https://imgur.com/jbpY5nP

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


#titlebar {-moz-box-ordinal-group: 100 !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;}

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

[Winfox]

/OT carine quelle icone: come le hai ottenute? OT/

[perepe]

Le ho recuperate da un vecchissimo tema che utilizzavo tanti anni fa. Poi, con mille prove sono riuscita ad utilizzarle in userchrome.
Se vuoi puoi scaricare il file qui https://easyupload.io/u5l4nh

[Iceberg]

Sì, con sommo giubilo notiamo che Firefox 76 ha nuovamente cambiato la gestione della barra delle schede.

Verifica se ti funziona questo codice:

Codice: [Seleziona]

/* Rimuove la barra delle schede 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 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; }

/* Sposta in basso la barra delle schede */
#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; }Per nascondere la barra delle schede puoi provare solo il primo blocco di codice.

[perepe]

Funziona ma si è ridotta notevolmente l'altezza della barra

https://easyupload.io/n6y26n

[perepe]

Credo di aver risolto.

 Ho aggiunto questo e sembra tutto ok.

Codice: [Seleziona]

.tabbrowser-tab {
 -moz-appearance: none !important;
  height: 28px !important;}
Ovviamente oltre alla modifica suggerita da Iceberg. Grazie. E speriamo di non doverci rimettere le mani. 

[Iceberg]

Buono aggiungere questa istruzione, permette di regolare l'altezza minima della barra delle schede. Il semplice "0" che avevo suggerito funziona, ma l'altezza sarà la minima indispensabile, che potrebbe essere troppo poco.
Riporto il codice così integrato:

Codice: [Seleziona]

/* Rimuove la barra delle schede con una sola scheda aperta */

:root #tabbrowser-tabs {
  --tab-min-height: 0px !important; }
.tabbrowser-tab {
 -moz-appearance: none !important;
  height: 26px !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; }
Cambiando il 26 si potrà diminuire o aumentare l'altezza della barra delle schede.

@perepe, ho messo i tuoi codici tra [code] [/code], si leggono meglio.

[perepe]

Sì scusa hai ragione. Ne terrò conto. Colgo l'occasione per chiedere come si fa ad inserire un'immagine direttamente nel post. Ho visto che è disponibile il pulsante immagine ma non so come usarlo

[michro]

Come inserire immagini nei post (<-clic)

[perepe]

Grazie. Ora ho capito

[Winfox]

Riapro questa discussione perché il mio codice non funziona più. Lo riporto:

Codice: [Seleziona]

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

/* eliminare la voce di PDF non visualizzato correttamente */
notification[label="Questo documento PDF potrebbe non essere visualizzato correttamente."] {
  display: none !important; }

/* 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 {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 display: block !important;
}

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

:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 33px !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;
/* background-color: var(--toolbar-bgcolor) !important; */
 display: block !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;
}

/* Mantenere la X su tutte le tab, anche quelle bloccate */
.tab-close-button,.tab-close-button > .toolbarbutton-icon {
   display: -moz-box !important;
   opacity: 1.0 !important;}

/* Eliminare dal menu contestuale le voci "Apri link in una nuova finestra" e "Apri link in una nuova finestra anonima" */

#context-openlink,
#context-openlinkprivate {
 display: none !important; }
L'effetto che ho ottenuto è che le schede sono completamente in basso e sovrapposte le une alle altre.