Notizie: se possiedi un dispositivo Android, prova Firefox per Android, un browser scattante e dinamico per navigare in ambiente mobile.

Autore Topic: firefox 109 problema parte inferiore della pagina  (Letto 2802 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline Iceberg

  • Moderatore
  • Post: 9022
Re:firefox 109 problema parte inferiore della pagina
« Risposta #30 il: 25 Gennaio 2023 14:44:56 »
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.

Citazione
...a volte aprendo libero...
Piove sul bagnato.

Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #31 il: 26 Gennaio 2023 09:16:47 »
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
Citazione
/* 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.
« Ultima modifica: 26 Gennaio 2023 17:29:33 da Schwanz »

Offline Iceberg

  • Moderatore
  • Post: 9022
Re:firefox 109 problema parte inferiore della pagina
« Risposta #32 il: 26 Gennaio 2023 21:22:39 »
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.

Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #33 il: 27 Gennaio 2023 10:06:54 »
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.
« Ultima modifica: 27 Gennaio 2023 10:30:51 da Schwanz »

Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #34 il: 28 Gennaio 2023 14:11:59 »
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"; /**/


Citazione
/* 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;
   }

}

« Ultima modifica: 28 Gennaio 2023 15:03:19 da Schwanz »

Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #35 il: 30 Gennaio 2023 09:28:35 »
queste sono le mie modifiche (in notepad non so perchè mi appaiono blu tranne il primo parametro?)


« Ultima modifica: 30 Gennaio 2023 09:47:07 da Schwanz »

Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #36 il: 01 Marzo 2023 18:26:55 »
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;
}


Offline Schwanz

  • Post: 1439
Re:firefox 109 problema parte inferiore della pagina
« Risposta #37 il: 01 Marzo 2023 18:37:28 »
ho risolto

bastava cambiare il valore da 400px a 250px

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

0 Utenti e 1 Visitatore stanno visualizzando questo topic.