Topic: [Risolto] Firefox 65: schede sopra la barra

[trekfan1]

E ci risiamo, un altro passo verso la "chromizzazione" di firefox (alla faccia delle dichiarazioni di Beard....), ora le schede sono sopra la barra degli url, bisogna mettere mano al solito css per poterle avere sotto alla barra dei segnalibri?

[Underpass]

Ma perché, prima come erano? Sono anni che uso le versioni beta e mi pare che tra la 64 e la 65 non c'è stato nessun cambiamento del genere.

[Iceberg]

userChrome.css

Codice: [Seleziona]

/* Sposta in basso la barra delle schede */
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important; }
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important; }
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important; }
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important; }
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important; }
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 20 !important; }
e passa la paura. 

[trekfan1]

non funziona, le tab delle schede rimangono sotto la barra dei menu

[Iceberg]

Hai ragione, quel codice vale fino a Firefox 64. 
Non ho trovato un codice "secco" funzionante, che faccia solo questa cosa. Pare che l'unico che abbia trovato una soluzione sia Aris. Il suo codice è perfetto e tiene conto di tutte le variabili e sistemi operativi. Per contro va scaricato tutto il kit di modifiche, che sono tante.
Scarica Classic CSS tweaks for Firefox Quantum v2.3.1
https://github.com/Aris-t2/CustomCSSforFx/releases
scomprimi e metti i file nel cartella chrome, apri il file userChrome.css, cerca e attiva questa riga:

Codice: [Seleziona]

@import "./css/tabs/tabs_below_navigation_toolbar_fx65.css";attivarla vuol dire eliminare i caratteri /* che troverai alla sua sinistra.

Prevengo una idea geniale (!).
Basta mettere il codice presente in tabs_below_navigation_toolbar_fx65.css nel nostro personale css e il gioco è fatto? No, le centinaia di file css di Aris sono interconnessi tra di loro con legami e dipendenze che solo lui conosce.
Consegue che se hai già un tuo file devi mettere i tuoi codici nel suo sperando che vengano digeriti senza rigetto. Ottima idea è cercare se nel file userChrome di Aris sono già previste eventuali altre tue modifiche.

Se scoprirò un codice che faccia solo lo spostamento in basso della barra delle schede aggiornerò questa discussione.

[trekfan1]

Ok grazie, preferirei una soluzione pulita, per il momento cercherò di "digerire" questa cosa delle tab in alto...

[Iceberg]

Il codice sottostante sposta in basso la barra delle schede, è molto lungo in quanto prevede tutte le possibilità. Per esempio chi ha Windows 7 non necessiterebbe degli aggiustamenti per Linux, Mac e Windows 10.
L'autore è Aris e quanto segue è un estratto dei suoi CSS tweaks for Firefox Quantum.
A me funziona, a voi funziona?

Codice: [Seleziona]

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
  -moz-box-ordinal-group: 100 !important;
}

/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  margin-top: -8px !important;
}

/* space for menubar above navigation toolbar (Firefox titlebar) */
#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;
}

/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
  -moz-window-dragging: drag !important;
}

/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
  position: fixed !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important;
}

/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* menubar postion after moving to the top */
#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;
}

/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  top: 0px !important;
}

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  top: -14px !important;
}

/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 18px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 34px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  top: 8px !important;
}
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* force buttons on menubar being very small to not break the toolbar */
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarbutton .toolbarbutton-icon {
  padding: 0px 0px !important;
  height: 16px !important;
  width: 16px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton,
#toolbar-menubar > toolbarpaletteitem toolbarbutton,
#toolbar-menubar > toolbarbutton {
  position: relative !important;
  padding: 0px 0px !important;
  margin: 0px 0px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
  padding: unset !important;
  height: unset !important;
  width: unset !important;
}

/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container {
  display: none !important;
}
  }
  @media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  top: 0px !important;
}
  }
}

/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
  }
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}

[trekfan1]

Perfetto, a posto anche se c'è un pò di spazio sotto al tab, mi sa che devo postare il mio userchrome.css in quanto ormai credo sia diventato un pachiderma solo che non ho idea di quali parti eliminare in quanto ho anche le personalizzazioni per avere gli angoli rotondi alle schede (non mi piacciono le schede "squadrate") ma dovrò aprire un altro topic, ditemi in quale sezione è meglio che lo apra.

[Winfox]

Se non sbaglio c'è una discussione apposita sulle modifiche a quel file. Oppure se ne parla in una discussione assieme al file usercontent, dovrei cercare.

[trekfan1]

@winfox ho risolto quel problema, era l'icona di una estensione che ingigantiva il tutto.

[tifonee]

Un sentito ringraziamento a questo Aris. Vorrei tanto sapere perché cavolo firefox non rimette la funzione tabsonbottom visto che molti la richiedono? Cosa cavolo gli costa dare possibilità di scelta? 

[trekfan1]

Mai sentito parlare di un browser che si chiama google chrome? Ecco...

[hokuto]

qualcuno sa come allargare la barra dei segnalibri aumentando le righe? c'era un modo senza installare multirow o stylish ma leggendo sul forum non ho trovato ancora una guida per inesperti

[Underpass]

@hokuto: apri per favore un thread specifico per il tuo problema, questo è relativo ad un problema diverso.

Grazie.

[hokuto]

ho postato qui spero possa andare cmq bene trattandosi dello stesso problema altrimenti facciamo troppi doppioni
https://forum.mozillaitalia.org/index.php?topic=56452.0