Topic: Userchrome.css e schermo intero

[trekfan1]

Ultimamente mi sono accorto di un problema alqaunto fastidioso: quando porto firefox a schermo intero l'unico modo per tornare alla finestra normale è premere di nuovo F11, facendo varie prove ho scoperto che a causare il problema è il file userchrome.css che sto usando modificato per potere avere le schede sotto alla barra dei segnalibri, idee per potere continuare ad usarlo e riavere la possibilità di tornare allo schermo normale semplicemente portando il mouse in alto?

Grazie

[Winfox]

Sicuro sia quello il problema?
Anche io devo usare nuovamente il tasto F11: se porto il mouse in alto recupero, momentaneamente, la barra degli indirizzi e dei segnalibri.

[trekfan1]

Credo di si, in quanto a firefox chiuso se rinomino la cartella chrome del profilo e poi apro firefox e lo porto a schermo intero mi basta andare in alto e mi appare la barra, chiudo firefox e rimetto il nome giusto alla cartella e puff....

Proverò cmq qualche opzione di about:config ...

EDIT

Credo di avere trovato la voce di about:config che risolve: full-screen-api.ignore-widgets da mettere a true, se mi confermi che ti funziona metto poi il [Risolto] e cmq anche mostrare barra indirizzi e segnalibri è cmq un modo per passare ad altre schede ed eventualmente uscire facendo pulsante destro del mouse sulla barra e poi selezionando "Esci da schermo intero"

[Winfox]

Con quella modifica quello che cambia è che in fullscreen rimane la barra della finestra, ovvero quella coi pulsanti di apertura/chiusura del programma.
Il resto è identico, ovvero avvicino il mouse e compaiono le 2 barre di FF, per uscire devo fare sempre F11.

[trekfan1]

Basta usare il pulsante destro del mouse per fare uscire il menu da cui puoi scegliere di uscire dalla modalità a schermo intero

[Iceberg]

Ho la barra delle schede in basso, sotto la barra degli indirizzi e sotto la barra dei segnalibri. Non mi si presenta il tuo problema, se porto il puntatore del mouse in alto appaiono momentaneamente le barre nascoste. Provato con Firefox 68. Il codice che ne impedisce la visualizzazione potrebbe essere un altro oppure possono esserci differenze fra i vari codici che spostano in basso la barra delle schede.

[trekfan1]

Non so cosa dire, a questo punto ci rinuncio e rimango così, meglio che niente.

[Iceberg]

Per spostare la barra delle schede in basso, e per gli altri codici, utilizzo Classic CSS tweaks for Firefox Quantum di Aris. Per avere i vari codici aggiornati e compatibili fra loro.

[trekfan1]

Ritorno su questo argomento in quanto con firefox 71 beta mi sono trovato la barra dei menu tra la barra delle schede e la barra dei preferiti, mi è un pò scomoda, con un profilo pulito la barra dei menu è in alto, non ho idea di dove mettere mano al file css sebbene firefox non dovrebbe leggerlo, ho provato a vedere in about:config ma non ho trovato nulla riguardo a come rimettere in alto la barra dei menu

[michro]

non ho idea di dove mettere mano al file css sebbene firefox non dovrebbe leggerlo

sinceramente non ho capito che cosa intendi con questa frase (mea culpa).

Se non ho frainteso, dici che Firefox non dovrebbe leggere il file userChrome.css? A partire da Fx 69 per far leggere i file userChrome e userContent questa preferenza toolkit.legacyUserProfileCustomizations.stylesheets deve avere valore true. Se è su false allora userChrome e userContent non vengono letti da Firefox. Controlla.

Se invece parlavi di come risistemare i codici all'interno del file non so come aiutarti perché non sono un grande esperto sull'argomento.

[Iceberg]

Lo spostamento della barra delle schede in una posizione più opportuna per l'utente è entrata a far parte della letteratura ufficiale.
https://support.mozilla.org/it/kb/forum-response-schede-sotto-barra-indirizzi

Ricordarsi che di controllare che il file userChrome.css venga caricato, vedere parametro nel precedente messaggio di michro.
Tenere presente che alcune regole di stile possono andare in conflitto con altre.
Ricordarsi che oggi ci siamo domani chissà, anche di ciò Mozilla ne ha preso atto.

La propria regola di stile personalizzata potrebbe anche smettere di funzionare ogni volta che esce una nuova versione di Firefox.

[trekfan1]

Ecco come mi appare Firefox 71 su Ubuntu 19.10 Eoan Ermine

tra l'altro senza userchrome.css i pulsanti sono a destra mentre io li vorrei a sinistra, è come se firefox non rispettasse le regole del sistema inoltre la riga dei menu è proprio appiccicata alla barra dei preferiti, ma in ogni caso lo fa anche su Windows

[trekfan1]

Aggiornamento sulla situazione: dopo un qualche tentativo sono riuscito a riportare la barra dei menu in alto, sono dovuto intervenire sulla seconda parte del codice in questo modo

Codice: [Seleziona]

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
  -moz-box-ordinal-group: 0 !important;
     margin-left: 100px !important; }
#TabsToolbar {
 -moz-box-ordinal-group: 10 !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;
  left: 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: 0px !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;
}però ora l'aspetto è questo

Non riesco a capire che codice inserire, ho guardato l'url postato da Iceberg ma non ci capisco nulla....

[Iceberg]

Controlla questa parte di codice.

Codice: [Seleziona]

/* 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;
}*
Prova a togliere questi 26 pixel sopra la barra di navigazione. Se funziona e quello spazio diminuisce ma non abbastanza, rimetti il codice con valori negativi.
L'asterisco dopo la parentesi graffa finale va eliminato.

[trekfan1]

Ok, mettendo a 0 lo spazio è sparito, ora devo solo rimettere la barra delle schede sotto a quella dei segnalibri, l'asterisco era un rimasuglio delle prove che ho fatto commentando varie porzioni di codice

Ho disabilitato da about:config la visualizzazione dei widget sulla barra del menu per cui ora il menu lo ho potuto rimettere tutto a sinistra (anche le schede)