Beiträge von FuchsFan

Zitat von Büssen

Was mir auffällt: ich kann nun nur mit der Maus über das Kontextfeld (öffnen usw.) fahren, um den Cursor entsprechend farbig anzuzeigen.

Gehe ich mit dem Mauszeiger auf die linke Seite - dann tut sich nichts.

Kann auch nicht, weil das "normal" ist (auch unter Windows). Im alten Code liegt darin ja der Fehler. Du musst also mit der linken Maus wieder einen gewünschten Eintrag markieren (dann schließt sich das vorherige Kontext-Menü automatisch), und jetzt mit Rechts wieder das Kontext-Menü für den gewünschten Eintrag öffnen.

Zitat von BrokenHeart

Gratuliere

Danke für die Blumen, aber ich habe nur die optischen Anpassungen vorgenommen, mehr nicht.

Zitat von BrokenHeart

Ja, dein Problem, nämlich zusätzliche Attribute beim 'Hovern' in Kontextmenüs anzuzeigen, wenn sich das Kontextmenu über dem Popup befindet, scheint damit behoben zu sein.

Leider nur zum Teil, denn es gibt da noch eine Situation, wo es nicht "rund" läuft. Das Bild dazu gibt dann den Überblick.

Linke Maus Menü Lesezeichen/Lesezeichen Symbolleiste/Ordner, dann in der Mitte rechte Maus auf den Ordner und Kontextmenü öffnen. Wenn jetzt mit der Maus über die Einträge gefahren wird, so wird es eventuell richtig angezeigt, oder es flackert. Bewegt man jetzt die Maus in einer Zeile langsam , so erscheint kurz darauf dann die vorgegebene Anzeige.

Zitat von BrokenHeart

Das Problem mit dem Versions-/Uhren-Anzeige-Skript, welches ja von den Auswirkungen her ja ähnlich/identisch ist, löst es leider nicht (was ich gehofft hatte

Du versuchst mir ja Details zu erläutern, was ich auch gut finde, aber da bist du bei mir an der falschen Adresse, weil Null Ahnung.

Aber es werden ja sicherlich erfahrene Leute hier mitlesen, die dazu bestimmt eine Meinung haben.

Hallo!

Nach vielen Tests ist eindeutig erwiesen, dass der hier RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt vorliegende Code das o.g. Problem mitbringt.

Ich habe mir von Aris (https://github.com/Aris-t2/CustomCSSforFx/issues/89) mal den Code von Dez.2017 vorgenommen und daraus versucht ein Menü ohne diesen Fehler zu erstellen. Und es funktioniert, getestet von Version 72 bis 74. Ich stelle hier den Code zum Test mal rein, damit auch die Experten sich ein Urteil erlauben können, um Fehler und Verbesserungen aufzuzeigen.

/*===============================================
  POPUP und CONTEXT MENUS
===============================================*/

.popup-internal-box,
menupopup,
popup {
   -moz-appearance: none!important;
   width: 325px !important; /* Vorgegebene Breite der Popup-Fenster */
} 
    
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
    -moz-appearance: none!important;
    min-height: 24px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 24px !important;
}

/* Border links und rechts mit Farbe */    
menupopup.textbox-contextmenu,
popupset > menupopup,
popupset > menupopup menupopup,
popupset >*:not(menupopup) menupopup,
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup,
#PlacesToolbar menupopup,
#main-menubar menupopup,
#sourceeditor-context {
    -moz-appearance: none !important;
    border-left: 2px solid red !important;
    border-right: 2px solid red !important;
}

/* Einige Popup erhalten farbigen Hintergrund (Lime) und blaue Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    -moz-appearance: none !important;
    background-color:lime !important;
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color:blue!important;
}

/* Einige Popup erhalten farbigen Hintergrund (Blue) und weiße Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"]
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: blue !important;
    color:white !important;
    font-weight: bold !important;
}

/* Für alle Popup Hintergrund und weitere Anpassungen */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem),
popupset > menupopup :-moz-any(menu,menuitem),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem),
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem),
#PlacesToolbar :-moz-any(menu,menuitem),
#main-menubar menupopup :-moz-any(menu,menuitem),
#sourceeditor-context :-moz-any(menu,menuitem) {
    -moz-appearance: none !important;
    padding-top:-1px !important;
    padding-bottom:2x !important;
    padding-right:6px; /* Zeile rechts Abstand */
    padding-left:6px !important; /* Zeile links Abstand */
    border:1px solid #cae1ff !important; /* farbige Umrandung der Zeilen */
    font-size:13px; /* Schriftgröße */
    color: black !important; /* Basis-Schriftfarbe */ 
    background-color: #ffffe0  !important; /* Hintergrund aller Popup-Menüs */
}


/* Für Kontext-Menü */
#context-navigation > menuitem > hbox.menu-iconic-left {
    display: -moz-box !important;
}

#context-navigation > menuitem {
    padding: 1px !important;
    margin:5px 6px 1px !important;
    width: 175px ! important;
}

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

Das habe ich dann nicht richtig gedeutet, nahm an , es ging dabei immer noch um das Script.

Zitat von 2002Andreas

In meinem Hauptprofil nutze ich einen CSS Code für hover über alle Einträge.

Und da tritt das Problem nicht auf

Hallo Andreas!

Du machst mich neugierig, was diese Aussage betrifft. Würdest du bitte mal Folgendes versuchen, mit der linken Maus oben ein Menü (Lesezeichen, usw.) öffnen, dann ganz links in einer beliebigen Zeile die rechte Maus ansetzen und das Kontext-Menü öffnen. Anschließend mit der linken Maus weit links über die Zeilen des geöffneten Kontext-Menüs fahren. Weit links soll soviel bedeuten, dass das Kontext-Menü dort noch über dem Popup des Menüs liegt. Ist jetzt im Kontext-Menü auch noch der Hover-Effekt erkennbar?

Wenn ja, so bitte ich, doch mal in deinem Code für Hover die fette Schrift einzutragen, und es dann noch einmal zu probieren. Wenn es dann auch noch funktioniert, dann hättest du nicht das Problem in deinem Code, womit ich mich i.M. beschäftige.

Danke, für dein Verständnis.

Zitat von Büssen

Dort, wo nicht überlappt - wird eingefarbt und fette Schrift gezeigt.

Hallo Büssen!

Das ist ja der springende Punkt, aber was im Code verursacht das.

Zitat von Büssen

Rechtsklick auf rechten Rand des Lesezeichenfensters. Im Kontextmenü wird überall fette Schrift angezeigt, je nach Stellung des Mauszeigers.

Auch das ist richtig, ganz rechts in der Leiste einen Klick, so öffnet sich das Kontext-Menü weit rechts daneben, dann funktioniert es ja wieder, weil es außerhalb der anderen Popup-Fenster liegt.

Zitat von Büssen

färbt sich der jeweilige Eintrag (hellgrün) und die Schrift wird auch fetter

Und deaktiviere ich die fette Schrift, so wie hier beschrieben RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt , so kann das Kontext-Menü auch über einem anderen Popup liegen, dann funktioniert alles so wie es eigentlich soll.

Ich hatte gehofft, dass das in den Griff zu bekommen wäre, aber es scheint so , eher nicht. Ich habe selbst schon gesucht und umgebaut, aber sofern die fette Schrift ins Spiel kommt, ist es wieder so.

Wir haben ja nun gemeinsam entdeckt wie es zu handhaben ist, ich kann damit leben.

Ich habe den Code noch etwas verändert, schicke ich dir demnächst mal per PN, dann kannst du ihn im Nightly portable ausprobieren.

Ja, nun bin ich am Ende und brauche Hilfe. Einen neuen Code habe ich mal erprobt, der auch das macht, was er soll. Wenn ich aber in dem Code die Zeile 28 (fette Schrift) aktiviere, so tritt das ein, was ich oben beschrieben habe.

/* Textfarbe der Menüs */
    #main-menubar .menubar-text{
      color: black !important;
    }

/* Hover-Farbe der Menüs ändern */    
    #main-menubar > menu:hover {
      background: lime !important;
      color: black !important;
    }

/* Schriftfarbe */
    menupopup > menu:not([disabled="true"]), 
    menupopup > menuitem:not([disabled="true"]),
    popup > menu:not([disabled="true"]) , 
    descriptionpopup > menuitem:not([disabled="true"])   {
      color: black !important;
    /* font-weight: bold ! important; */
    }

/*** Menüeinträge die Schrift beim Überfahren mit der Maus andere Farbe    ***/
    menupopup > menu:hover:not([disabled="true"]),
    menupopup > menuitem:hover:not([disabled="true"]), 
    popup > menu:hover:not([disabled="true"]),
    descriptionpopup > menuitem:hover:not([disabled="true"])   {
      color: blue !important;
      background: lime !important;
     /*  font-weight: bold ! important; */
    } 

/*** Menü-Popup-Fenster anpassen  ***/
    .popup-internal-box,
    menupopup,
    popup{
      -moz-appearance: none!important;
      border:none!important;
    } 
   
    menupopup > menu ,
    menupopup > menuitem,popup > menu ,
    popup > menuitem  {
      -moz-appearance: none!important;
      /* font-weight: bold !important; */
      color: black !important;
      background-color: #F5F5DC !important;  
      min-height: 25px !important;
      max-height: 25px !important;
    }

    .popup-internal-box * {
      background-color: #F5F5DC !important; 
    }

    menupopup > * {font-size: 10pt !important;
      border-top: none !important;
      border-left: 2px solid red !important;
      border-right: 2px solid red !important;
      border-bottom: 1px solid orange !important;
    }

}

So funktioniert es ohne Zeile 28:

Zitat von harff182

Vielleicht hilfts Dir ja weiter....

Ich danke dir, damit kann ich probieren. Das mit dem Kontext-Menü läuft so, wie ich mir das vorstelle. Also ab in die Bastelstube.

Hallo, in die Runde!

Mit der Thematik hatten wir uns hier RE: Hintergrundfarbe der Menüpunkte Chronik/Lesezeichen anpassen schon beschäftigt. Seither gibt es aber eine "Kleinigkeit" (hoffentlich), die ich bisher immer ignoriert habe. Nun bitte ich hierzu um Hilfe, eventuell läßt sich das ja bereinigen .

Öffne ich einen Lesezeichen-Ordner, und fahre mit der Maus über die Einträge, so verändern sich Schrift und Hintergrund. Öffne ich nun über einem Link das Kontext-Menü, so wird es angezeigt, aber beim Überfahren mit der Maus keine Änderung, sondern die Einträge sind ganz normal anklickbar. Hier ein Bild dazu:

Eine Änderung im Kontext-Menü erfolgt erst dann, wenn die Maus im Kontext-Menü außerhalb des Feldes darunter liegt. Hier wäre es dann bei Eigenschaften zu sehen, dann verändern sich aber die bisherigen Hintergründe..

Was ist in dem Code die Ursache dafür, oder fehlen bestimmte Codes dafür.

Hier dann der z.Z. genutzte Code:

Zitat von milupo

FuchsFan, die Sync-Schaltfläche ist in den Firefox-Einstellungen, nicht im Add-on-Manager.

Moinmoin!

Du hast vollkommen Recht, wie ich das eingebaut habe, wollte ich nur namentlich einen Anhaltspunkt haben. Ich werde das aber trotzdem wieder richten, damit es seine Ordnung hat. Danke!

Zitat von milupo

den entsprechenden Code in einer CSS-Datei im Ordner CSSWeb

Genau das ist richtig, wenn er den Nightly portable von mir meint. Da ist im CSSWeb-Ordner der Code vorhanden.

/************* Empfehlungen und Sync unter Addons ausblenden **************/


/************ Eintrag Empfehlungen unter Addons wird ausgeblendet *********/

#category-discover {
    display:none !important;
    }
    
 /*************** Eintrag Sync unter Addons wird ausgeblendet ***************/
 
 
 #category-sync{
    display:none!important;    
    }

Zitat von Boersenfeger

Ich sag auch mal Danke!

Gerne, ich fühle mich geehrt.

Aber letztendlich ist das ja alles nicht auf meinem "Mist" gewachsen, da haben so viele Leute mit gewirkt. Ich durfte mir da nur was raus picken und ein wenig basteln, ist aber auch nicht schlecht, man lernt dabei.

Zitat von Büssen

Den habe ich noch nie genutzt.

Ich auch nicht, angeblich soll es nur 1% Nutzer geben.

Wenn hier noch jemand mit liest, der sich mit Firefox Send auskennt , dessen Meinung würde mich besonders interessieren.

Zitat von Büssen

Die beiden letzten beiden Button waren schon vorhanden - nur etwas kleiner.

Ja, weil die Ausdehnung zum linken Rand fehlte, nun ist sie damit vorhanden. Das mit Sync kann ich jetzt nicht weiter kommemtieren, habe den Code in einem Testfox 72.0.2 ohne andere Sachen. Ist darin vorhanden.

In meinem Arbeits-Fox ist durch die Einstellungen Sync auch nicht vorhanden.

@Büssen

Hallo!

Eine kleine Änderung bitte in dem Code vornehmen, die Zeile 4 ersetzen durch:

#categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {

Es sind die letzten beiden Button dazu gekommen, dann sehen unten links die Button wie die oben aus.

Zitat von milupo

Wenn ich mir Beitrag #1 so ansehe, könnte es sein, dass er genau diesen Code hat, wenigstens in dem einen Profil.

Hallo milupo!

Das mag sein, aber er konnte ihn ja nicht finden. Ich habe jetzt einfach den Teil aus dem Addon-Manager kopiert, mir über den Inspektor die Namen der Button anzeigen lassen, dementsprechend den Code angepasst. Das war's dann, wieder dazu gelernt.

Zitat von Büssen

Vielen Dank dafür!

Bitte !

Zitat von Büssen

Ich suche dafür die entsprechende Einstellungsdatei, damit die Texte so schön wie oben eingerahmt werden?

Versuche mal bitte den folgenden Code (als @import für Ordner CSSWeb):

/***************** Die großen Button auf der linken Seite unter Extras/Einstellungen ********************/

/**** Abstand der Button zum linken Rand ****/
    #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton {
      margin-left: 1px !important; 
    }

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }

/**** Aktiver Button rot, Schrift weiß ****/
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }
    
/**** Inaktive Button ****/
    #categories > .category:not([selected]),
    #addonsButton,
    #helpButton {
      background-color: gainsboro !important;
      margin-top:1px!important;
      border-radius:60px!important;
      box-shadow: inset 0 0 5px 5px #888;
    }

/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
    #categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
      color: white !important;
      background-color: blue !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

sieht hier so aus:

@laubenpieper

Aber ich hätte Interesse daran, stellst du mir bitte den Code zur Verfügung.

Danke, hat sich erledigt.

Zitat von milupo

Du beschäftigst dich wahrscheinlich zu sehr mit CSS statt mit Skripten.

Dieses lasse ich nicht auf mir sitzen.

Mir ist aufgefallen, dass in der Version von dir das Icon sehr blass, mit wenig Kontrast , dargestellt wird. Siehe hier als Beispiel: RE: userChrome.js Scripte für den Fuchs (Diskussion)

Ich habe mal den Block von Zeile 68 bis 75 mit dem aus der älteren Version (1.0.20180113) getauscht, dann sieht es nach meinem Geschmack doch besser aus.

Der Code-Block:

 //ab hier ist alles gleich, egal ob Button oder Menue
    var css = " \
      #ExtraConfigMenu, #ExtraConfigMenu-button { \
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnElEQVR4Xm2RzYtbZRSHn/fr3pvJzTB3qiNM2k2pMBUGhEHaqsUqdeFGQalCobgREaFu/B/cqCtxVSjoQhBEQRBmIfWDKgNGJUPt0Nhah9JJ4iSd5E6+bu5972tAO4SS5/DjXZ1znsMrNiq1eikMQqYYJCmjxNH5+zdW777L0J5KKl9VPmnf+ut9KWkwhbheuzNcOVYOmGKc5iRO0r1ykeXCx0h7kt4fC3z5wfqbQnAJwQHa5S7jAZSRuJ0mkf81cheobhBXZa+ri1uptQjHAZoZCEC1PiPgDuwxCfwerBU7b73zXn//3usCcdt4HkZ7SGZg431U51NUCgwlO3cV/bVXhR/6p9ut+nP9QYeNn7/n8qUPZxvQ/Q6VVWHk4ZqWRvlJjpx9hcGfW2wO95N2q8m3618A2WwDt/0RplSAXsBed57eyossHl5GYdHacG3zGpADM06wjQ1UUIN+CLHPvfAxojPnKLiE+bDE1R9+5GatAmgPeGCAteQ7l5GBhGSyuROyd/gFouUyWkqEErR2mwXAAA8BRS0AgMQBjSra30ZkEeDzz9Dn4ZcvMO51SMcJcTdGChmA0ABA6cAgzyG3I8jLEBylV4fWoaeIc0V7t0Uv7pFbC+CA+28mp/8+SwXKnMVmz1O9HpE+eobMZdjcoY1GIHD/NwIdoH1fBaNguzlg88pVyoUi4vTbFI8eJxsNAIfSkrliESllH/L0v0jktNNomFGv1TFrL3Fo9QSMR3jaEEXzLC09gjaKp595No0WjyCEB4zRclICUMDxtRMce/wJ1MIi2SglXShhfI/cOjxPoZRmbq4gXzt/gVrtBrdvbiG+Wf+p/mvll1BpiVAGhCDPxuAUDotz4HKHlIJON6bRbL4hhPjcMx5mkn8BBLEUrsVZbq0AAAAASUVORK5CYII=) !important; margin-left: 10px ! important; \
      } \
      #ExtraConfigMenu-button > dropmarker, #ExtraConfigMenu-button > hbox > .toolbarbutton-menu-dropmarker { \
        display: none !important; \
      }";

Scripte, das ist in meinen Augen noch 10 Stufen schwerer zu durchschauen, als bei css-Dateien. Aber wir haben hier ja Experten auf dem Gebiet, zum Glück.

Zitat von milupo

Denk dran, es handelt sich um ein Skript, also Skript-Cache mit löschen.

Himmeldonnerwetter , wieso denke ich nicht daran. Genau das war der springende Punkt, milupo.

Danke!

Füge ich das Script von hier RE: userChrome.js Scripte für den Fuchs (Diskussion) in den aktuellen Nightly ein so verschiebt sich das Icon im Button nach unten (im 72.0.1 nicht). Was kann ich in dem Code verändern, dass es wieder mittig ist?