Topic: Separatore segnalibri

[Superkey]

Aggiunge il menu segnalibri aperto dal tasto Segnalibri di Classic Theme Restorer.

Codice: [Seleziona]

/* Cambia il colore della linea di separazione */

#bookmarksMenu menuseparator,
#bookmarks-menu-button menuseparator,
#ctraddon_BMB_bookmarksPopup menuseparator {
 -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-color: red !important; }

Hai colto nel segno !
Ottimo e abbondante 
Infatti ora di separatori ce ne sono a coppie...   

[Iceberg]

Questa deve dipendere dalla versione Windows.
Vedi se basta aggiungere bottom.

Codice: [Seleziona]

/* Cambia il colore della linea di separazione */

#bookmarksMenu menuseparator,
#bookmarks-menu-button menuseparator,
#ctraddon_BMB_bookmarksPopup menuseparator {
 -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-bottom-color: red !important; }

[Superkey]

Questa deve dipendere dalla versione Windows.
Vedi se basta aggiungere bottom.

Codice: [Seleziona]

/* Cambia il colore della linea di separazione */

#bookmarksMenu menuseparator,
#bookmarks-menu-button menuseparator,
#ctraddon_BMB_bookmarksPopup menuseparator {
 -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-bottom-color: red !important; }

Sempre due
ora quella sopra grigia, sotto rossa

[Iceberg]

Vediamo se ora quella sopra sparisce.

Codice: [Seleziona]

/* Cambia il colore della linea di separazione */

#bookmarksMenu menuseparator,
#bookmarks-menu-button menuseparator,
#ctraddon_BMB_bookmarksPopup menuseparator {
 -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-top: none !important;
  border-bottom-color: red !important; }

[Superkey]

Vediamo se ora quella sopra sparisce.

Codice: [Seleziona]

/* Cambia il colore della linea di separazione */

#bookmarksMenu menuseparator,
#bookmarks-menu-button menuseparator,
#ctraddon_BMB_bookmarksPopup menuseparator {
 -moz-appearance: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-top: none !important;
  border-bottom-color: red !important; }

Chapeau !
Direi che ora è perfetto 
Non chiedo di meglio 
Grazie infinite !! 

[Iceberg]

Prego!

Ora modificando margin-left e margin-right puoi accorciare o allungare la linea verso destra e verso sinistra.

Aggiungendo un border-bottom: 2px solid !important; puoi inspessire o assottigliare la linea, cambiando il valore e lasciando o eliminando solid.

Oltre a cambiare il rosso nel colore che vuoi.

[Megabyte]

Aggiungiamo opacity.

Codice: [Seleziona]

/* AGENT_SHEET */
menupopup {
 -moz-appearance: none !important;
  background-color: #D6D2D0 !important;
  opacity: 0.9 !important;
  color: #000000 !important;
  border: 1px solid !important; }
Riavvia per evitare l'effetto memoria.
Così i menu dovrebbero essere leggermente trasparenti, si dovrebbe intravedere il sotto.

Scusa Iceberg... è possibile ottenere un effetto analogo anche nel caso del menù a discesa del pulsante hamburger?

[Iceberg]

Per le mie capacità aprire un menu con effetto trasparente da quel tasto non è possibile. 

Con questo codice puoi cambiare il colore di sfondo e cambiare la sua opacità che in questo caso non porta alla trasparenza. Chissà perché...

Codice: [Seleziona]

/* AGENT_SHEET */
#PanelUI-multiView {
 -moz-appearance: none !important;
  background-color: yellow !important;
  opacity: 0.9 !important; }

[Megabyte]

In effetti il menù hamburger non diventa trasparente... e immagino che valga lo stesso discorso anche per il menù (analogo) che si apre cliccando sulla favicon nella barra degli indirizzi.

In ogni caso, con l'altro codice si possono personalizzare a piacere tutti gli altri menù (compresi quelli contestuali delle schede e delle pagine web).
Mi sembra comunque un ottimo risultato...

[Iceberg]

Quello era il primo tentativo.
Prova questo codice.

Codice: [Seleziona]

/* AGENT_SHEET */
.panel-arrowcontent {
 -moz-appearance: none !important;
  background-color: yellow !important;
  opacity: 0.9 !important; }
Se funziona verifica che non renda trasparenti elementi che non vuoi che siano trasparenti.
Se hai vari codici in una unica scheda-stile di Stylish l'istruzione /* AGENT_SHEET */ mettila un'unica volta all'inizio.

[Megabyte]

Ottimo... adesso funziona bene (sul menù hamburger e su tutti i menù collegati)!!
Grazie

Se funziona verifica che non renda trasparenti elementi che non vuoi che siano trasparenti.

Mi sembra tutto ok...
Il menù diventa completamente trasparente (nel senso che diventano trasparenti anche le icone), ma questo penso sia normale... e comunque è coerente col comportamento di tutti gli altri menù a discesa.
Diventano trasparenti anche i menù "collegati" al menù hamburger (tipo menù della favicon, menù Pocket, menù Hello, ecc.)... ma è proprio quello che volevo.


P.S.
Volendo essere ultraperfezionisti, resta solo un minuscolo difettuccio grafico: il triangolino che dal menù a discesa punta verso il pulsante premuto rimane bianco opaco (indipendentemente dal colore e dal livello di opacità impostati tramite il codice).

[Iceberg]

Non è possibile rendere trasparente quel triangolino, è una immagine.
Si può rimuovere, spostando un po' in basso tutto il menu per non lasciarlo appiccicato all'icona.

Codice: [Seleziona]

/* AGENT_SHEET */
.panel-arrowcontent {
 -moz-appearance: none !important;
  margin-top: 10px !important;
  background-color: yellow !important;
  opacity: 0.9 !important; }

.panel-arrow {
  list-style-image: none !important; }
Oppure, più complicato, trovare o creare l'immagine (di tipo svg per fare le cose bene) del giusto triangolino trasparente da mettere al posto di "none".

[Megabyte]

Interessante il "trucco" per rimuovere definitivamente il triangolino.

In effetti può essere una soluzione se per il menù si sceglie uno sfondo colorato (nel qual caso il triangolino bianco opaco striderebbe col resto).
Con sfondo bianco trasparente invece il triangolino bianco opaco predefinito mi sembra esteticamente accettabile... alla fine forse si può anche lasciarlo al suo posto.