Topic: firefox 109 problema parte inferiore della pagina

[Iceberg]

Hai una versione di Firefox così tanto personalizzata che praticamente è un fork.
Dare suggerimenti è difficilissimo, anche solo inquadrare il problema.
Per esempio parli di barra dei componenti aggiuntivi, che non esiste, nel tuo caso sarà simulata con centinaia di righe di codice css. Come darti una mano in questo caso? Cambiare il colore di un elemento che però non è originale ma è messo al suo posto da altro codice. Disaccoppiare gruppi di icone per poterle spostare a piacimento.
Il risultato finale malgrado tutto è buono e l'aspetto che ne esce è meglio nel tuo fork che nella versione di Mozilla. Tuttavia devi considerare che è nelle tue mani, sono problematiche non riproducibili, che richiedono molta competenza e molto tempo per essere affrontate.

Il fatto che non hai il tasto per ripristinare Firefox credo dipenda da questo codice nel file policies.json

Codice: [Seleziona]

"DisableProfileRefresh": true,
C'è anche questo file e ci sono le estensioni da amalgamare nel tutto.
Ripeto è al di là delle nostre capacità, sicuramente delle mie, se non per indicazioni di massima.

...a volte aprendo libero...

Piove sul bagnato.

[Schwanz]

con "DisableProfileRefresh" non appare neanche con true

so perfettamente che la mia barra strumenti è fatta con diverse mie impostazioni, ma qui ho inserito tutto il mio myuserchrome.css, ho fatto un'altra prova sempre di mettere la versione portable 109 ma cancellando alcune parti di questo myuserhcrome.css (le parti in grassetto) e anche in questo caso, l'url rimane attaccato alle icone delle estensioni, e quindi è proprio impostato così da Aris, non c'entra niente le mie personalizzazioni. anche se cambio il tipo di barra usando quello di addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibility.css e addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_webcontent_compatibility.css, il risultato è sempre lo stesso, la barra dei componenti aggiuntivi che non esiste e che dici tu è addonbar_move_bookmarks_toolbar_to_bottom.css.

myuserchrome.css

/* PERSONALIZZA TEMA FIREFOX 3 THEME SU DEFAULT */
#toolbar-menubar {
 -moz-appearance: none !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 4px !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important; 
  background: #dbd4ce !important; }

#nav-bar {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: rgb(255, 255, 255) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important;
  margin-top: 0px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  background: #dbd4ce !important; }
 
#PersonalToolbar {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: rgb(255, 255, 255) !important;     
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(153, 146, 143) !important;
  margin-top: 0px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  background: #dbd4ce !important; }
 

/* RIMOZIONE TASTI NEL MENU' CONTESTUALE */
#context-navigation,
#context-sep-navigation {
  display:none !important;
}

/* PULSANTE STOP X IN GRIGIO */
#reload-button, #stop-button {
display: inherit !important;
}
#reload-button > .toolbarbutton-icon {
-moz-appearance: none !important;
}
#reload-button {
 -moz-box-ordinal-group: 2 !important; }
#stop-button[disabled="true"] {
   filter: brightness(10%) !important; }
}

/* BORDO LATO DESTRO BARRA SEGNALIBRI (SIDEBAR) */
.sidebar-splitter {
    min-width: 10px !important;
}


/* EFFETTO AL PASSAGGIO DEL MOUSE SULLE SCHEDE NON ATTIVE */
.tabbrowser-tab:not([selected="true"]):hover {
   -moz-appearance: none !important;
    background: #DCDCDC !important; }


/* CAMBIA IL COLORE DELLA SCHEDA ATTIVA */
.tabbrowser-tab[selected="true"] {
   -moz-appearance: none !important;
    background: #EBE9E5 !important;
    color: #000000 !important;
    border: none !important; }


/* COLORE CARTELLE CRONOLOGIA */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
  fill: #1560BD !important;
}

/* RIMOZIONE PULSANTE "APRI MENU" */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#PanelUI-button { display:none!important; }


/* COLORARE LA BARRA SEPARATORE */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #dbd4ce inset !important; /*adjust pure qui*/
}
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 20px) !important; /*adjust*/
  box-shadow: 0 88px 0 0 #dbd4ce inset !important; /*adjust pure qui*/
  border-bottom: transparent !important;
}

/* COLORARE LA BARRA CENTRALE DI BARRA DEGLI STRUMENTI */
body {
    background: #dbd4ce;
}
#video-progress {
    background: transparent;
    border: none; /* Needed for Firefox */
   border-bottom-style: solid !important;
    color: #fff; /* For IE10 */
    -webkit-appearance: none; /* Needed for WebKit/Blink */
}
#video-progress::-moz-progress-bar {
    background: #fff;
}
#video-progress::-webkit-progress-value {
    background: #fff;
}
#video-progress::-webkit-progress-bar {
    background: transparent;
}


/* RIDUZIONE SPAZIO MENU' CONTESTUALE */
menupopup#contentAreaContextMenu menu,
menupopup#contentAreaContextMenu menuitem {
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-block: 1px !important;
}

/* RIDUZIONE SPAZIO E CARATTERE BARRA MENU' */
menupopup > menuitem, menupopup > menu {
padding-block: 0px !important;
font-size: 14px !important;
}

/* APERTURA SCHEDE INFINITE */
.tabbrowser-tab:not([pinned]) {
   max-width:250px !important;
   min-width:1px !important; }

.tabbrowser-tab:not([fadein]) {
   max-width:1px !important;
   min-width:1px !important; }
   
   
/* RIDUZIONE SPAZIO FINESTRA SALVA SEGNALIBRO */
#PlacesToolbarItems .bookmark-item {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}


/* MOSTRA ALTOPARLANTE NELLE SCHEDE */
.tabbrowser-tab:not([pinned]) .tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
  grid-template-areas: "a s";
}
.tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; }
.tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; }

.tab-icon-overlay:not([pinned]){
  padding: 0px !important;
  margin-inline: -3px 1px !important;
}


/* RIMOZIONE ICONA FORM HISTORY CONTROL DALLA BARRA INDIRIZZO */
.urlbar-addon-page-action#pageAction-urlbar-formhistory_yahoo_com {display: none;}

/* SPOSTARE LA BARRA DEI MENU A SINISTRA */
#toolbar-menubar{
 
bottom: 0px;
border: none !important;
display:flex !important;
}


/* RENDERE VISIBILE LA PARTE INFERIORE DELLA PAGINA */
  :root:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(26px + var(--toolbarbutton-outer-padding) )
  }
  :root[uidensity="compact"]:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) )
  }
  #browser,
  #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }


/* URL SULLA BARRA DELLE ESTENSIONI */
:root {
  --status-width: 400px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox #PersonalToolbar::before {
  appearance: none;
  display: flex;
  content: "";
  min-width: var(--status-width);
  width: var(--status-width);
  background-image: -moz-element(#statuspanel-label);
  background-repeat: no-repeat;
}

#statuspanel-label {
  border: 0 !important;
  background-color: unset !important;
  padding-top: 4px !important;
}

#statuspanel {
  opacity: 0 !important;
}

sia su firefox portable 108 e 109, il motivo dell'url è che nell'userchrome.css 4.1.3 (che funzionava fino alla versione 107), dalla 108 non riconosce il codice e quindi è invisibile, rendeva l'url separato dalle icone e si posizionava a sinistra come è sempre stato perchè era messaggio di stato e lo si vedeva anche su personalizza barra degli strumenti, invece con userchrome.css 4.2.8, lo appare, ma attaccato alle icone ed è posizionato al centro

USERCHROME 4.1.3 (addonbar_status_in_addonbar.css)

Codice: [Seleziona]

:root {
  --status-width: 400px;
}

.browserContainer :is(statuspanel,#statuspanel) {
  -moz-box-ordinal-group: 3 !important;
  position: fixed !important;
  display:block !important;
  bottom: 2px !important;
  z-index: 1001 !important
}

.browserContainer :is(statuspanel,#statuspanel):-moz-locale-dir(ltr) {
  left: 0px;
}
.browserContainer :is(statuspanel,#statuspanel):-moz-locale-dir(rtl) {
  right: 0px;
}

.browserContainer :is(statuspanel,#statuspanel) :is(#statuspanel-label,.statuspanel-label) {
  appearance: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  min-width: var(--status-width) !important;
  width: var(--status-width) !important;
  max-width: var(--status-width) !important;
  color: black !important;
}

.browserContainer :is(statuspanel,#statuspanel):-moz-lwtheme-brighttext :is(#statuspanel-label,.statuspanel-label) {
  color: white !important;
}


/* add space for status text on add-on bar */
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
  padding-left: var(--status-width) !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):-moz-locale-dir(rtl) {
  padding-right: var(--status-width) !important;
}

#statuspanel[mirror] {
  inset-inline-start: unset !important;
  inset-inline-end: unset !important;
}

#statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(ltr) {
  margin-left: 0px !important;
}

#statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(rtl) {
  margin-right: 0px !important;
}

USERCHROME 4.2.8 (addonbar_status_in_addonbar.css)

Codice: [Seleziona]

:root {
  --status-width: 400px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox #PersonalToolbar::before {
  appearance: none;
  display: flex;
  content: "";
  min-width: var(--status-width);
  width: var(--status-width);
  background-image: -moz-element(#statuspanel-label);
  background-repeat: no-repeat;
}

#statuspanel-label {
  border: 0 !important;
  background-color: unset !important;
  padding-top: 4px !important;
}

#statuspanel {
  opacity: 0 !important;
}
se rimuovo il secondo codice dell'userchrome.css 4.2.8, l'url appare così


come vedi, nella seconda immagine, l'url era sempre a sinistra fino alla 107, prima di proton usavo Status-4-Evar 2017.08.20.15 che lo metteva all'interno della barra.

[Iceberg]

con "DisableProfileRefresh" non appare neanche con true

[...]

myuserchrome.css

Codice: [Seleziona]

"DisableProfileRefresh": true,Rimuove l'opzione per resettare Firefox. Non la ripristina, in quanto per impostazione predefinita è presente questa opzione.
C'è o non c'è conta poco. Ti rimuoverebbe tutto, comprese le estensioni, pertanto ci fai poco, a parte far funzionare Firefox.

myuserchrome.css
Quello che hai riportato, malgrado le apparenze, è una piccolissima parte del codice css che stai utilizzando.  Manca il contenuto del file userChrome.css, del file userContent.css e delle centiìnaia di file a essi collegati.
Se leggi le note di rilascio di Custom CSS tweaks for Firefox v4.2.9 + vX tests di pochi giorni orsono vedrai molteplici correzioni per la versione 109, alcune in fase di test. Tra le altre.

Codice: [Seleziona]

(fix) Fx109+: custom icon sets
(fix) Fx109+: simulated add-on bar
È sorprendente che funzioni quasi tutto non che ci siano dei problemi.
Con così tante estensioni, tanti codici di modifica e una nuova versione ogni quattro settimane troverei preferibile utilizzare Firefox ESR. Trovi codici già rodati e validi per un anno.

[Schwanz]

non avevo pubblicato userchrome.css perchè non centrava tutto lo spazio di caratteri dato che c'è un limite e la lista è lunga, comunque vi ho condiviso i files compreso myuserchrome.css anche della versione 4.1.3. usercontent.css non l'ho mai utilizzato e non so cosa va inserito lì. spero che dropbox va bene per condividere file.

https://www.dropbox.com/scl/fo/j5wg1ahcbhd4s15r1v59v/h?dl=0&rlkey=ujoggqgmkwozwaod7rrjrtruj

ho fatto questa prova con userchrome.css versione 4.2.9 (ho scaricato  custom_css_for_fx_v4.2.9v3.zip), come vedi in queste due operazioni, l'url e l'icona estensione vanno sempre a braccetto sia a destra che sinistra.

praticamente, se attivo  @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/
e @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibility.css"; /**/, la barra viene spostata in alto



qui invece se attivo solo @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/, la barra viene posizionata in basso.

[Schwanz]

ho anche risolto la pagina di about:addons e about:preferences che si erano allungate, non me ne ero accorto che erano attivate questi due parametri che stavano su usercontent.css.

Codice: [Seleziona]

/* CORREZIONE PAGINA ALLUNGATA DI IMPOSTAZIONI /*
/* @import "./css/aboutaddons/addons_manager_alternative_appearance.css"; /**/

/* CORREZIONE PAGINA ALLUNGATA DI IMPOSTAZIONI - ESTENSIONI E TEMI /*
/* @import "./css/aboutaddons/addons_manager_alternative_appearance.css"; /**/
ho visto che ci sono questi parametri che permettono di colorare lo sfondo di tali pagine, ho inserito il codice del colore con un grigio chiaro f7f7f7, su impostazioni non è allungato, ma i caratteri sono un po' piccoli come vedete anche nelle parti indicate, mentre su estensioni e temi la pagina è allungata

Codice: [Seleziona]

/* @import "./css/aboutaddons/addons_manager_alternative_appearance.css"; /**/
/* @import "./css/aboutaddons/addons_manager_alternative_appearance_aero.css"; /**/ /* <-- AERO colors */

/* @import "./css/aboutpreferences/preferences_alternative_appearance_aero.css"; /**/ /* <-- AERO colors */
/* @import "./css/aboutpreferences/preferences_alternative_appearance_v2.css"; /**/

/* ADDONS_MANAGER_ALTERNATIVE_APPEARANCE_AERO.CSS */
@import "./addons_manager_alternative_appearance.css";

@-moz-document url-prefix(about:addons),
   url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
   url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml) {


   #addons-page {
     background: linear-gradient(to bottom right, #edf6ff,#dbeaf9,#edf6ff,#dbeaf9) !important;
   }
   
   :root{
     --in-content-page-background: #edf6ff !important;
   }
   
   body > div#full {
     background: #f7f7f7 !important;
   }

   .sticky-container {
     background: #f7f7f7 !important;
   }


/* PREFERENCES_ALTERNATIVE_APPEARANCE.CSS /*
@import "./preferences_alternative_appearance.css";

@-moz-document url(about:preferences),url-prefix(about:preferences){
   
   .navigation, #preferences-body,
   window > stack > hbox,
   #preferences-stack,
   page, page .dialogBox .groupbox-title{
     background: #f7f7f7 !important;
   }

}

[Schwanz]

queste sono le mie modifiche (in notepad non so perchè mi appaiono blu tranne il primo parametro?)

[Schwanz]

come sapete, con questo codice l'url si posiziona al centro della barra delle estensioni che viene visualizzato fino alla versione 110.0, ora ho aggionato la 110.1, l'url viene finalmente spostato a sinistra, ma è posizionato troppo a fondo e come vedete non si vedono le prime lettere, rimuovendo il codice l''url non me lo visualizza

Codice: [Seleziona]

/* URL SULLA BARRA DELLE ESTENSIONI */
:root {
  --status-width: 400px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox #PersonalToolbar::before {
  appearance: none;
  display: flex;
  content: "";
  min-width: var(--status-width);
  width: var(--status-width);
  background-image: -moz-element(#statuspanel-label);
  background-repeat: no-repeat;
}

#statuspanel-label {
  border: 0 !important;
  background-color: unset !important;
  padding-top: 4px !important;
}


#statuspanel {
  opacity: 0 !important;
}


[Schwanz]

ho risolto

bastava cambiare il valore da 400px a 250px

:root {
  --status-width: 250px;
}

[Schwanz]

in questa versione 132.0.2 si è ripresentato il problema della barra delle estensioni che copre la parte inferiore della pagina, ho questo codice che fa posizionarlo correttamente (modificando il valore a 24px) come nell'immagine che vi ho mostrato in questo topic, ho notato però che quando condivido un post da instagram per facebook, in quella sezione il pulsante condividi non è visibile del tutto, quindi il problema in questo caso non è la  barra delle estensioni ma dello zoom che come vedete ho diminuito al 95%, vorrei sapere quale sia il parametro per lo zoom da aggiungere in questo codice? ho 3 pc dove in cui ho impostato lo zoom di windows10 e 11 al 145%, non so se la causa è l'errore di custom css 4.6.0 di Aris, della pagina di facebook, o dello zoom di windows? appena ho aggiornato alla 132, avevo ancora l'userchrome 4.5.9 e non aveva questo problema, poi siccome sta per arrivare la 133, ho dovuto prendere la 4.6.0 perchè Aris ha inserito all'interno del file userchrome.css alcuni parametri per quella versione. grazie

https://github.com/Aris-t2/CustomCSSforFx/releases/tag/4.6.0

la parte in neretto è quella che fa visualizzare il pulsante condividi, mentre le normali condivisioni solo da facebook sono visualizzati correttamente anche senza quella parte evidenziata, l'ho preso da questa pagina https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/navbar_below_content.css

/* RENDERE VISIBILE LA PARTE INFERIORE DELLA PAGINA (navbar_below_content.css) */
  :root:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(24px + var(--toolbarbutton-outer-padding) )
  }

  :root[uidensity="compact"]:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) )
  }

  #browser,
  #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }

  #nav-bar{
    position: fixed !important;
    bottom: 0px;
    /* For some reason -webkit-box behaves internally like -moz-box, but can be used with fixed position. display: flex would work too but it breaks extension menus. */
    display: -webkit-box;
    width: 100%;
    z-index: 1;
    left: 0px!important;
  }
  #nav-bar-customization-target{ -webkit-box-flex: 1; }

  /* Fix panels sizing */
  .panel-viewstack{ max-height: unset !important; }

  #urlbar[breakout][breakout-extend]{
    display: flex !important;
    flex-direction: column-reverse;
    bottom: 0px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
    top: auto !important;
  }

  .urlbarView-body-inner{ border-top-style: none !important; }
}

[Schwanz]

ricorreggo il codice perchè non mi visualizzava correttamente la finestra popup di ricerca nella barra indirizzo

/* RENDERE VISIBILE LA PARTE INFERIORE DELLA PAGINA (navbar_below_content.css) */
  @-moz-document url(chrome://browser/content/browser.xhtml){

  :root:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(24px + var(--toolbarbutton-outer-padding) )
  }

  :root[uidensity="compact"]:not([inFullscreen]){
    --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) )
  }

  #browser,
  #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }
 
  #nav-bar{
    position: fixed !important;
    bottom: 0px;
    }
  #nav-bar-customization-target{ -webkit-box-flex: 1; }