Topic: creazione codice userchrome per ottenere la selezione fissa di about:config

[Schwanz]

vorrei un codice che memorizza le posizioni e le dimensioni delle colonne che ho allargato per applicarli automaticamente su altri pc., ho anche spostato la colonna value prima di status.

[Schwanz]

nel file config.css, sono anche riuscito a modernizzare l'aspetto come quello dell'altro about:config aggiungendo questa parte in nero che ho preso all'interno deil file aboutconfig_compact_appareance.css, e ho anche centrato il warning, mi manca soltanto di aumentare il carattere nel box di ricerca a 11px, nell'about originale ho messo questa parte che però su about:cfg non lo riconosce

#about-config-search {
     padding-top: 1 !important;
     padding-bottom: 1 !important;
     font-size: 11pt !important;
   }

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#warningScreen {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: calc(48px + 4.6em);
  padding-inline-end: 48px;
  margin-top: 160px;
  margin-bottom: 160px;
}

.title {
  background-image: url("chrome://global/skin/icons/warning.svg");
  fill: #fcd100;
  font-weight: lighter;
  min-height: 10px !important!
}

#warningTitle {
  font-weight: bold;
  opacity: 1 !important;
  font-size: 15px;
  line-height: 2.2;
  margin: 5;
  margin-bottom: .5em;
}

#warningText {
  margin: 1em 0;
}

#warningButton {
  margin-top: 0.6em;
}

#filterRow {
  margin-top: 4px;
  margin-inline-start: 4px;
  font-size: 11pt;
}

#configTree {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 3px;
}

#configTreeBody::-moz-tree-cell-text(user) {
  font-weight: bold;
}

#configTreeBody {
  font-size: 10pt;
}

#configTreeBody::-moz-tree-cell-text(locked) {
  font-style: italic;
}

.deck-selected {
  max-width: 100vw;
}

#search-container * {
     min-height: unset !important;
     padding-top: unset !important;
     padding-bottom: unset !important;
     margin-top: unset !important;
     margin-bottom: unset !important;
   }

   #search-container {
     padding: 0 !important;
   }
   
   #search-container, #about-config-search:focus,
   #search-container, #about-config-search[focused] {
     box-shadow: unset !important;
   }

   #search-container, #about-config-search:-moz-ui-invalid:focus {
     box-shadow: unset !important;
   }
   
   .cell-edit,
   .cell-reset {
     width: 20px !important;
   }
   
   #about-config-search {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     }

[Iceberg]

La dimensione e l'ordine delle colonne si impostano semplicemente con il drag e drop.

Non credo che possa funzionare codice che fa riferimento a about:config, questo non è about:config.

Il testo della barra di ricerca immagino che lo imposti questa istruzione:

#filterRow {
  margin-top: 4px;
  margin-inline-start: 4px;
  font-size: 64pt;
   }

[Schwanz]

grazie, è comunque 11pt.

peccato per le colonne, sarebbe stato più comodo averle tutte uguali in un click

[Schwanz]

scusa Iceberg, vorrei un carattere più chiaro nella lista, cioè è chiaro ma sembra leggermente un nero calzato (il font size è 10pt), lo vorrei chiaro come l'altro.

a proposito della selezione fissa, lo vorrei anche dalla barra menù, perchè quando faccio destro col mouse, la selezione sparisce e accidentalmente potrei sbagliare ad esempio nell'eliminare un segnalibro, e poi il colore è un grigio molto chiaro, non è che sia di windows10?

[Schwanz]

sono riuscito a schiarirlo un po'

#configTreeBody {
  font-size: 10pt;
  font-weight: light;
  opacity: 87% !important;
}

[Schwanz]

ho scurito un po' il grigio della selezione nella barra dei menu', manca quello di rendere visibile il riquadro nelle voci dei menu' file mostra visualizza ecc.. il motivo è quel tipo di grigio è dell'originale più chiaro, quindi sembra che non riconosce il codice #d4d4d4, il riquadro si vede solo se tolgo tutto questo codice. oppure fare in modo che il riquadro sia un po' più scuro della selezione.

/* COLORARE LA SELEZIONE NELLA BARRA DEI MENU' */
menupopup {
  --panel-color: black !important;
  --panel-background: #f9f9fb !important;
}
menu:not([disabled="true"])[_moz-menuactive="true"], menuitem:not([disabled="true"])[_moz-menuactive="true"] {
  background-color: #d4d4d4 !important;
  color: #000000 !important;
}

come vedi, sulla voce segnalibri non è molto visibile il riquadro


uso questo per il carattere e spazi

Codice: [Seleziona]

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

[Schwanz]

ci sono riuscito, ho inserito l'opacity a 92% con il colore c2c2c7, comunque vorrei ugualmente il codice per scurire solo il riquadro.

/* COLORARE LA SELEZIONE NELLA BARRA DEI MENU' */
menupopup {
  --panel-color: black !important;
  --panel-background: #f9f9fb !important;
}
menu:not([disabled="true"])[_moz-menuactive="true"], menuitem:not([disabled="true"])[_moz-menuactive="true"] {
  background-color: #c2c2c7 !important;
  color: #000000 !important;
  opacity: 92% !important;
}

per le misure delle colonne, ho visto che si prende entrando nello strumento di sviluppo web che però non sono in grado di agire dove sta quella parte di codice da inserire all'interno di userchrome.css, oppure dovrebbe stare all'interno di config.js e nemmeno lì riesco a trovarlo

[Schwanz]

Iceberg, ho un problema solo nel pc di lavoro dove in cui non mi clicca con il tasto invio sul pulsante I accept the risk! perchè lo sfondo è tutto blu  nonostante gli ho importato le impostazioni fatte nel pc di casa che è col bordo bianco dato che funziona solo così, come posso ripristinarlo? ho anche provato a lasciare tutto di default sia le impostazioni di config.css e _autoconfig.cfg e autoconfig.js ma ma non visualizza bordato in bianco.

Codice: [Seleziona]

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#warningScreen {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: calc(48px + 4.6em);
  padding-inline-end: 48px;
  margin-top: 160px;
  margin-bottom: 160px;
}

.title {
  background-image: url("chrome://global/skin/icons/warning.svg");
  fill: #fcd100;
  font-weight: lighter;
  min-height: 10px !important!
}

#warningTitle {
  font-weight: bold;
  opacity: 1 !important;
  font-size: 15px;
  line-height: 2.2;
  margin: 5;
  margin-bottom: .5em;
}

#warningText {
  margin: 1em 0;
}

#warningButton {
  margin-top: 0.6em;
}

#filterRow {
  margin-top: 4px;
  margin-inline-start: 4px;
  font-size: 11pt;
}

#configTree {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 1px;
  margin-right: 1px;
}

#configTreeBody::-moz-tree-cell-text(user) {
  font-weight: bold;
}

#configTreeBody {
  font-size: 10pt;
  font-weight: light;
  opacity: 87% !important;
}

#configTreeBody::-moz-tree-cell-text(locked) {
  font-style: italic;
}

.deck-selected {
  max-width: 100vw;
}

#search-container * {
  min-height: unset !important;
  padding-top: unset !important;
  padding-bottom: unset !important;
  margin-top: unset !important;
  margin-bottom: unset !important;
}

#search-container {
  padding: 0 !important;
}

#search-container, #about-config-search:focus,
#search-container, #about-config-search[focused] {
  box-shadow: unset !important;
}

#search-container, #about-config-search:-moz-ui-invalid:focus {
  box-shadow: unset !important;
}

.cell-edit,
.cell-reset {
  width: 20px !important;
}

#about-config-search {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  }
qui il codice originale

Codice: [Seleziona]

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#warningScreen {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: calc(48px + 4.6em);
  padding-inline-end: 48px;
}

.title {
  background-image: url("chrome://global/skin/icons/warning.svg");
  fill: #fcd100;
}

#warningTitle {
  font-weight: lighter;
  line-height: 1.2;
  margin: 0;
  margin-bottom: .5em;
}

#warningText {
  margin: 1em 0;
}

#warningButton {
  margin-top: 0.6em;
}

#filterRow {
  margin-top: 4px;
  margin-inline-start: 4px;
}

#configTree {
  margin-top: 4px;
  margin-bottom: 4px;
}

#configTreeBody::-moz-tree-cell-text(user) {
  font-weight: bold;
}

#configTreeBody::-moz-tree-cell-text(locked) {
  font-style: italic;
}

.deck-selected {
  max-width: 100vw;
}


[Schwanz]

ho risolto, avevo dimenticato di aggiungere general.warnOnAboutConfig, per questo non si cliccava il pulsante avvio

se voglio rimuovere il bordo bianco ho provato ad inserire border: none !important; ma si vede ugualmente

#warningButton {
  margin-top: 0.6em;
  border: none !important;
}

[Schwanz]

ce l'ho fatta!

#warningButton {
  margin-top: 0.6em;
  outline: 0px;
}