Topic: come applicare su my_userContent.css un parametro disattivato inserendo /*

[Schwanz]

su my_userContent.css ho aggiunto questo codice per rimuovere l'area di estensioni consigliate così da evitare di andare sempre su userContent.css a rimuovere /* su recommendations_category_always_hidden.css ma non lo riconosce, i codici riconoscono solo se i parametri sono disattivati e impostati con /*, vorrei quindi sapere come si fa ad attivare un parametro senza dover andare a cancellare questo simbolo /* quando aggiungo il suo codice all'interno di my_userChrome.css?

Codice: [Seleziona]

/* Firefox userContent.css tweaks *******************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


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

#categories .category[name="discover"],
recommended-extensions-section {
  display: none !important;
}

}


/* @import "./css/aboutaddons/addonlists_badges_old_size.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_monochromatic_themes.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_recommended_icon.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_allowed_in_private_windows_icon.css"; /**/
@import "./css/aboutaddons/recentupdates_category_always_visible.css"; /**/
@import "./css/aboutaddons/availableupdates_category_always_visible.css"; /**/
/* @import "./css/aboutaddons/availableupdates_category_last_category.css"; /**/
@import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/
/* @import "./css/aboutaddons/addons_support_always_hidden.css"; /**/

su about:config ho modificato la dimensione carattere e allargato i margini laterali e ho ridotto gli spazi dell'elenco, gli ho aggiunto /* in /* @import "./css/aboutconfig/aboutconfig_compact_appearance.css"; /**/ perchè non mi piace compatto, e in questo caso il codice lo riconosce

/* IMPOSTAZIONI DI ABOUT:CONFIG (aboutconfig_compact_appearance.css) */
@-moz-document url-prefix(about:config) {

   * {
     font-size: 10pt !important;
   }

   #prefs,
   #prefs * {
     min-height: unset !important;
     padding-left: unset !important;
     padding-right: unset!important;
     margin: unset !important;
   }

#prefs > tr,
   #prefs > tr > td,
   #prefs > tr > th {
     min-height: unset !important;
     height: unset !important;
     padding-left: 4px !important;
     padding-right: 4px !important;
     margin: unset !important;
   }

#prefs {
     width: 100% !important;
     border-radius: 0 !important;
   }
   
   #prefs button {
     min-height: 16px !important;
     height: unset !important;
     min-width: 16px !important;
     width: unset !important;
     padding: unset !important;
     margin: unset !important;
   }

#prefs button {
     margin-inline-start: 1px !important;
   }

   #prefs #form-edit > * {
     margin-inline-end: 2px !important;
   }
   
   input[type="radio"] {
     transform: scale(0.8 ) !important;
   }

   #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: 1 !important;
     padding-bottom: 1 !important;
   }

Codice: [Seleziona]

/* ============
   about:config
   ============
*/

/* @import "./css/aboutconfig/aboutconfig_compact_appearance.css"; /**/


[Iceberg]

su my_userContent.css ho aggiunto questo codice per rimuovere l'area di estensioni consigliate così da evitare di andare sempre su userContent.css a rimuovere /* su recommendations_category_always_hidden.css ma non lo riconosce, i codici riconoscono solo se i parametri sono disattivati e impostati con /*, vorrei quindi sapere come si fa ad attivare un parametro senza dover andare a cancellare questo simbolo /* quando aggiungo il suo codice all'interno di my_userChrome.css?

A me funziona.
Hai attivato il caricamento del file "my_userContent.css"?

[Schwanz]

se ho il codice all'interno di usercontent.css e metto /* in recommendations_category_always_hidden.css, non mi funziona, mi funziona solo se tolgo /* sempre col codice in quel file. e my_usercontent.css è già correttamente attivato

Codice: [Seleziona]

/* ---------------------
   Custom / own CSS code
   ---------------------
   
   [!] Create a "my_userChrome.css" file and add own/custom code to it.
*/

@import "./my_userContent.css"; /**/
questo è userContent.css completo e che ho modificato alcune cose

/*===============================================================================
  Firefox userContent.css tweaks: main file

  Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code
  Github: https://github.com/aris-t2/customcssforfx
  Change-log: https://github.com/aris-t2/customcssforfx/commits/

 
  Firefox requires the following preference to be enabled for custom styles to be loaded:
 
    'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true'
 
  Firefox preferences can be accessed by typing `about:config` into the url bar.
 
  ===============================================================================
 
  ======
  README
  ======

  To find the profile folder type `about:support` into url bar and navigate to:
  'Profile Folder > Open Folder'
 
  Create a /chrome/ (chrome) directory btw. folder inside the profile folder you just opened and
  paste projects files and folders into it so it looks like this:
 
  /chrome/config/
  /chrome/css/
  /chrome/image/
  /chrome/userChrome.css
  /chrome/userContent.css

  ENABLING/DISABLING options:
  To activate an option: remove /* before @import
  To deactivate an option: add /* before @import
*/


/* ==========================
   about:addons - ADDONS PAGE
   ==========================



   ======================
   ADDONS PAGE APPEARANCE
   ======================
   
   [!] only use one at a time
*/

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

/* @import "./css/aboutaddons/addons_manager_alternative_appearance_compact_categories.css"; /**/


/* -------------
   Compact lists
   --------------
   
   [!] only use one option at a time
   [!] to be used with 'alternative appearance'
*/

/* @import "./css/aboutaddons/addonlists_compact.css"; /**/
/* @import "./css/aboutaddons/addonlists_compact_more_compact.css"; /**/


/* ---------------------------------------------
   Button settings: buttons instead of menupopup
   ---------------------------------------------
   
   [!] only use one option at a time
   [!] requires aboves 'addons page appearance' settings
*/

/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup.css"; /**/

/* for 'addonlists_compact.css' */
/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_compact_view.css"; /**/

/* for 'addonlists_compact_more_compact.css' */
/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_more_compact_view.css"; /**/


/* @import "./css/aboutaddons/addonlists_hide_buttons_on_details_page.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_report_button.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_manage_button.css"; /**/
/* @import "./css/aboutaddons/addonlists_only_show_buttons_on_hover.css"; /**/


/* ------------------------------------------------
   Button settings: buttons icons instead of labels
   ------------------------------------------------
   
   [!] requires buttons instead of menupopup
*/

/* @import "./css/aboutaddons/addonlists_replace_button_labels_with_icons.css"; /**/
/* @import "./css/aboutaddons/addonlists_colorized_button_icons.css"; /**/


/* --------------------------------------
   Version number for active add-ons
   --------------------------------------
   
   [!] requires buttons instead of menupopup
*/

@import "./css/aboutaddons/addonlists_show_addon_version_number.css"; /**/


/* ---------------------------
   Other addons page settings
   --------------------------
*/

/* @import "./css/aboutaddons/addonlists_badges_old_size.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_monochromatic_themes.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_recommended_icon.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_allowed_in_private_windows_icon.css"; /**/
@import "./css/aboutaddons/recentupdates_category_always_visible.css"; /**/
@import "./css/aboutaddons/availableupdates_category_always_visible.css"; /**/
/* @import "./css/aboutaddons/availableupdates_category_last_category.css"; /**/
@import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/
/* @import "./css/aboutaddons/addons_support_always_hidden.css"; /**/



/* ===============================
   about:preferences - PREFERENCES
   ===============================


   ===========================
   PREFERENCES PAGE APPEARANCE
   ===========================
   
   [!] only use one at a time
*/

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


/* ------------------------------
   Other preference page settings
   ------------------------------
*/

/* @import "./css/aboutpreferences/category_morefrommozilla_hidden.css"; /**/
/* @import "./css/aboutpreferences/category_nightlyexperiments_hidden.css"; /**/
/* @import "./css/aboutpreferences/sync_category_always_hidden.css"; /**/
/* @import "./css/aboutpreferences/firefox_support_always_hidden.css"; /**/


/* =========================
   about:newtab / about:home
   =========================
*/


/* @import "./css/aboutnewtab/dark_appearance.css"; /**/
/* @import "./css/aboutnewtab/dark_appearance_alternative_background.css"; /**/

/* @import "./css/aboutnewtab/top_sites_larger_favicons.css"; /**/


/* ============
   about:config
   ============
*/

/* @import "./css/aboutconfig/aboutconfig_compact_appearance.css"; /**/


/* ============
   about:logins
   ============
   
   [!] only use one at a time
*/

@import "./css/aboutlogins/aboutlogins_alternative_appearance.css"; /**/
/* @import "./css/aboutlogins/aboutlogins_alternative_appearance_aero.css"; /**/



/* ============
   WEB CONTENT
   ============
   
   [!] only use one at a time
   [!] top level image on white background
   [!] these settings can sometimes cause glitches
*/

/* @import "./css/webcontent/toplevel_image_classic_v1.css"; /**/
/* @import "./css/webcontent/toplevel_image_classic_v2.css"; /**/


/* ------------------------------------------
   CUSTOM SCROLLBARS VARIABLES - EXPERIMENTAL
   ------------------------------------------
   
   [!] Might not work on every page! This issue is for Mozilla to solve.
   [!] Not compatible with custom scrollbar JavaScript userChrome scripts.
   [!] Custom size values only compatible with 'web content' scrollbars at the moment.
   [!] More info inside 'custom_scrollbar_appearance.css' file.
*/

/* @import "./config/custom_scrollbar_appearance.css"; /**/


/* -----------------------------------------------
   Autofill forms - disable CSS3 filter background
   -----------------------------------------------

*/

/* @import "./css/webcontent/autofill_forms_background_white.css"; /**/   


/* ---------------------
   Custom / own CSS code
   ---------------------
   
   [!] Create a "my_userContent.css" file and add own/custom code to it.
*/

@import "./my_userContent.css"; /**/

[Iceberg]

Deve funzionare in tutti e tre i metodi.

Togliendo il commento alla riga specifica.

Aggiungendo il codice all'interno del file userContent.css.

Creando il file my_userContent.css con dentro il codice e togliendo il commento alla riga @import "./my_userContent.css";.

[Schwanz]

scusa, ancora non ho capito, ma cosa intendi per togliere? il simbolo /*? o eliminare /* @import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/?

io ho fatto cosi e non mi ha funzionato, dove ho sbagliato?:

1. tolto /* di /* @import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/

2. aggiunto il codice all'interno di my_userContent.css
/* RIMOZIONE ESTENSIONI CONSIGLIATE (SOLO FIREFOX) */

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

   #categories .category[name="discover"],
   recommended-extensions-section {
     display: none !important;
   }

}


3. tolto il simbolo /* di @import "./my_userContent.css"; /**/ all'interno di userContent.css

[Schwanz]

ci sono riuscito, ho inserito all'interno di my_userContent.css @import "./my_userContent.css"; /**/ senza il commento /* e su userContent.css ho inserito il commento.

però stavolta non mi riconosce quello per l'impostazione di about:config rimpiccolendomi il font a 9px e i margini laterali che ho messo a 2px che di default è unset.

Codice: [Seleziona]

#prefs > tr,
#prefs > tr > td,
#prefs > tr > th {
  min-height: unset !important;
  height: unset !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  margin: unset !important;
}
questo è il mio my_userContent.css

/* DIMENSIONE CARATTERE E SPAZI DI ABOUT:CONFIG */
@-moz-document url-prefix(about:config) {

   * {
     font-size: 10pt !important;
   }

   #prefs,
   #prefs * {
     min-height: unset !important;
     padding-left: unset !important;
     padding-right: unset !important;
     margin: unset !important;
   }
   
   #prefs > tr,
   #prefs > tr > td,
   #prefs > tr > th {
     min-height: unset !important;
     height: unset !important;
     padding-left: 2px !important;
     padding-right: 2px !important;
     margin: unset !important;
   }
   
   #prefs {
     width: 100% !important;
     border-radius: 0 !important;
   }
   
   #prefs button {
     min-height: 16px !important;
     height: unset !important;
     min-width: 16px !important;
     width: unset !important;
     padding: unset !important;
     margin: unset !important;
   }

   #prefs button {
     margin-inline-start: 1px !important;
   }

   #prefs #form-edit > * {
     margin-inline-end: 2px !important;
   }
   
   input[type="radio"] {
     transform: scale(0. !important;
   }

   #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: 1 !important;
     padding-bottom: 1 !important;
   }

}

/* @import "./my_userContent.css"; /**/

/* RIMOZIONE ESTENSIONI CONSIGLIATE (SOLO FIREFOX) */
@-moz-document url-prefix(about:addons),
   url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
   url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml) {

   #categories .category[name="discover"],
   recommended-extensions-section {
     display: none !important;
   }

}

[!] Create a "my_userContent.css" file and add own/custom code to it.
*/

 @import "./my_userContent.css"; /**/
=================================================================================================

/* CORREZIONE PAGINA ALLUNGATA DI IMPOSTAZIONI (PREFERENCES PAGE APPEARANCE) /*
/* @import "./css/aboutpreferences/preferences_alternative_appearance.css"; /**/

/* CORREZIONE PAGINA ALLUNGATA DI IMPOSTAZIONI - ESTENSIONI E TEMI (ADDONS PAGE APPEARANCE) /*
/* @import "./css/aboutaddons/addons_manager_alternative_appearance.css"; /**/

/* COLORARE SFONDO PAGINA IMPOSTAZIONI /*
 @import "./css/aboutpreferences/preferences_alternative_appearance_v2.css"; /**/
/* @import "./css/aboutpreferences/preferences_alternative_appearance_aero.css"; /**/   /* <-- AERO colors */
/* @import "./css/aboutpreferences/preferences_alternative_appearance_v2.css"; /**/

/* IMPOSTAZIONI DI ABOUT:CONFIG (aboutconfig_compact_appearance.css) */
@-moz-document url-prefix(about:config) {

   * {
     font-size: 10pt !important;
   }

   #prefs,
   #prefs * {
     min-height: unset !important;
     padding-left: 1px !important;
     padding-right: 1px !important;
     margin: unset !important;
   }


#about-config-search {
     padding-top: 1 !important;
     padding-bottom: 1 !important;
   }

/* ABOUT:CONFIG NON COMPATTO */
/* ============
   about:config
   ============
*/

 @import "./css/aboutconfig/aboutconfig_compact_appearance.css"; /**/
---------------------------------------------------------------------------------------------------------
/* RIMOZIONE ESTENSIONI CONSIGLIATE (SOLO FIREFOX) */
@import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/

---------------------------------------------------------------------------------------------------------
/* ---------------------------
   Other addons page settings
   --------------------------
*/

/* @import "./css/aboutaddons/addonlists_badges_old_size.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_monochromatic_themes.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_recommended_icon.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_allowed_in_private_windows_icon.css"; /**/
@import "./css/aboutaddons/recentupdates_category_always_visible.css"; /**/
@import "./css/aboutaddons/availableupdates_category_always_visible.css"; /**/
/* @import "./css/aboutaddons/availableupdates_category_last_category.css"; /**/
 @import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/
/* @import "./css/aboutaddons/addons_support_always_hidden.css"; /**/

[Schwanz]

CI SONO RIUSCITO!

ho creato il file my_disactive_userContent.css e ci ho messo il codice di estensioni consigliate, e all'interno di userContent.css ho inserito la riga /* @import "./my_disactive_userContent.css"; /**/ e così me l'ha riconosciuto, quindi in questo nuovo file, ci metto solo cose che hanno commenti, e l'altro tutti quelli senza commenti.

però c'è un piccolo problema, quando devo aggiornare il css di Aris, nel suo file di default userContent.css, è presente solo @import "./my_userContent.css"; /**/ e dovrei sempre aggiungere la riga /* @import "./my_disactive_userContent.css"; /**/, c'è un modo per non aggiungerlo manualmente?

Codice: [Seleziona]

/* ---------------------
   Custom / own CSS code
   ---------------------
   
   [!] Create a "my_userContent.css" file and add own/custom code to it.
*/

 @import "./my_userContent.css"; /**/
/* @import "./my_disactive_userContent.css"; /**/

[Iceberg]

Le parti di codice fra /* e */ non vengono eseguite in quanto considerate commenti, si usano per spiegare, all'umano, cosa fa quel codice o per disattivarne una parte.
In questo specifico caso per decommentare basta togliere /* all'inizio della riga, ma solo per un artificio dell'autore, in genere va eliminato anche */ alla fine del codice che si vuole attivare.
Un editor di testo decente mostra l'effetto, subito mentre si digita, con un deciso cambiamento della grafica, tipicamente il testo passa da grigio spento a "colori ultravivaci", se passa a tutto rosso è un brutto segno, segnala che è presente quasi certamente un vistoso errore.

[Schwanz]

Iceberg, ho risolto quel problema, leggi nel commento dove ho scritto CI SONO RIUSCITO!

cosa sarebbe l'artificio? il titolo del codice? intendi questo /* DIMENSIONE CARATTERE E SPAZI DI ABOUT:CONFIG */?

[Schwanz]

finalmente ho capito, basta solo togliere nei titoli da disattivare i commenti di inizio e la fine

[Iceberg]

L'artificio:

/* @import "./css/tabs/tabs_below_navigation_toolbar_alt.css"; /**/

In fondo appena prima della chiusura */ c'è una apertura inutile /*.
Serve per semplificare e velocizzare l'uso di questo specifico file, in modo da poter attivare e disattivare piccole porzioni di codice senza dover cercare la loro esatta fine e lì inserire o togliere i simboli sintattici.
Artificio utilizzato solo per i due file .css principali  (content e chrome), per gli altri file all'interno degli "userChrome.css tweaks" non è così.

[Schwanz]

io ancora non ci ho capito molto.

comunque per ora, riesco solo creando il file con all'interno i codici da disattivare e di aggiungere la riga del file creato in userContent.css in questo modo lasciando quel solo commento che altrimenti non va:

Codice: [Seleziona]

/* ---------------------
   Custom / own CSS code
   ---------------------
   
   [!] Create a "my_userContent.css" file and add own/custom code to it.
*/

@import "./my_userContent.css"; /**/
@import "./my_disactivated_userContent.css"; */

[Iceberg]

Se funziona non fare nulla, ma volendo mettere i puntini sulle i.
La seconda riga...

@import "./my_userContent.css"; /**/
@import "./my_disactivated_userContent.css"; */

...dovrebbe terminare come la prima:

@import "./my_userContent.css"; /**/
@import "./my_disactivated_userContent.css"; /**/

Se aggiungi quei due caratteri non deve cambiare nulla, se cambia qualcosa, da qualche parte ci sarà un'altra svista sintattica che corregge involontariamente questa.
Ora va bene così ma in futuro facendo altre modifiche potrebbero presentarsi risultati inaspettati.

[Schwanz]

e allora non lo aggiungo quel file anche perchè non saprei fino a quale versione sarà funzionante questo mio metodo, quelli da disattivare continuerò come sempre a farlo manualmente nel file usercontent.css, mentre per userchrome posso tranquillamente utilizzare con my_userchrome.css