Kontextmenü Webseiten

Fox2Fox

Seit Windows 10 sieht das Webseiten-Kontextmenü etwas anders aus. Und zwar hat sich bei "Tab schliessen" zwischen dem T und dem a eine vertikale Linie breit gemacht.

Diese CSS werden für das Kontext-Menü benutzt:

Webseiten_Kontextmenü.css

CSS

#contentAreaContextMenu menuitem#context-selectall,
#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}

    
#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}

#uc_menu_close_tab{
    margin-left:-10px!important;
       -moz-box-ordinal-group: 0!important;
}

Alles anzeigen

Kontextmenü_Reihenfolge_Webseiten.css

CSS

#context-stop,
#context-reload{
-moz-box-ordinal-group: 0;
   }


#context-bookmarkpage{
-moz-box-ordinal-group: 1 !important;
   }

Wie bekomme ich diese Linie weg?

2002Andreas

Wenn ich die beiden obigen Codes benutze, dann sieht das hier so aus:

D.h., du musst noch weitere Codes nutzen, und etwas (Script), womit der Button Tabs schliessen erzeugt wird.

Endor

Zitat von Fox2Fox

#uc_menu_close_tab{
margin-left:-10px!important;
-moz-box-ordinal-group: 0!important;
}

Diese Zeilen aus deinem CSS Code weisen auch auf ein Script das Du verwendest hin.

Das solltest Du mal hier einstellen, damit man sehen kann ob es einen Fehler enthält.

Mfg.
Endor

milupo

Zitat von Endor

Diese Zeilen aus deinem CSS Code weisen auch auf ein Script das Du verwendest hin

Wahrscheinlich auf dieses:

JavaScript

(function() {
    var menuitem = document.createXULElement('menuitem');
    menuitem.id = 'uc_menu_close_tab';
    menuitem.setAttribute('label' , 'Tab schliessen');
    menuitem.setAttribute('oncommand' , 'gBrowser.removeCurrentTab();');
    var refItem = document.getElementById('contentAreaContextMenu');
    refItem.append( menuitem );
})();

Endor

Ja das müsste es sein.

milupo vielen Dank. :klasse:

Funktioniert soweit.

Teste es jetzt zusammen mit dem CSS Code.

Mfg.
Endor

milupo

Der Haken ist nur, bei mir kommt im Kontextmenü oben kein Eintrag.

Endor

Durch das Script wird nur der Eintrag im Rechtsklick Kontextmenü erstellt.

Ganz nach oben wird er dann mit dem CSS Code:

CSS

#uc_menu_close_tab{
 margin-left:-10px!important;
 -moz-box-ordinal-group: 0!important;
}

geschoben.

Mfg.
Endor

Fox2Fox

Das einzige Script, welches noch mit dem Kontextmenü zu tun haben könnte, ist dieses:

seitenanfang.Ende.uc.js

JavaScript

//ScrollTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMywxMi41IDEyLDMuNSAyMSwxMi41ICIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIxMiIgeDI9IjEyIiB5MT0iMjIiIHkyPSIzLjUiLz48L3N2Zz4=")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMjEsMTEuNSAxMiwyMC41IDMsMTEuNSAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjIiIHkyPSIyMC41Ii8+PC9zdmc+")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

milupo

Ja, aber das fügt nur oben zwischen den anderen Symbolen eine Pfeilspitze nach oben und nach unten ein.

Fox2Fox

Zitat von milupo

Wahrscheinlich auf dieses:

Ja, dieses Script habe ich auch noch. Übersehen - sorry!

milupo

Zitat von Endor

geschoben.

Aha, diesen CSS-Code habe ich nicht.

Endor

Fox2Fox

Das Script verwende ich auch und kein Problem in Kombination:

Mfg.
Endor

milupo

Fox2Fox Schau mal in deinen ersten CSS-Code in Zeile 20 - dort fehlt das Semikolon nach !important. Und genau da wird eine Trennlinie ausgeblendet.

Endor

Ich vermute mal, da werkelt noch ein CSS Code dazwischen, der

wirkt aber laut Deinem Bild nicht beim Hovern, also darüber fahren.

Vielleicht hast Du eine Idee welcher CSS Code das Sein kann der im

Kontextmenü etwas ändert?

Mfg.
Endor

2002Andreas

Das sieht aus wie ein Seperator

Und woher kommt der Rahmen beim Hovern?

Endor

Ja das sieht wie ein Rahmen aus der nach links verschoben ist,

oben, unten und rechts sieht man eine Linie beim hovern

links aber nicht.

Mfg.
Endor

Fox2Fox

Zitat von milupo

Schau mal in deinen ersten CSS-Code in Zeile 20 - dort fehlt das Semikolon nach !important. Und genau da wird eine Trennlinie ausgeblendet.

Habe das Semikolon gesetzt, aber die Trennlinie ist noch da.

Jetzt ist mir aufgefallen, dass andere Kontextmenüs auch eine Trennlinie haben.

Auch hier sind Trennlinien. Könnte es einen Zusammenhang geben?

LZ-Symbolleiste

Tab Kontextmenü

Tableiste Kontextmenü

milupo

Da hast du auf jeden Fall noch einen CSS-Code.

milupo

Ich weiß nicht genau, aber bei der Kontextmenu-Rechtsklick.css zum Hauptkontextmenü hat man bei Hover Rahmenangaben. Möglicherweise spielen die hier rein.

2002Andreas

Zitat von Fox2Fox

Auch hier sind Trennlinien

Nutzt du ein Theme?

Und wenn ja, welches denn?

Kontextmenü Webseiten

Ähnliche Themen

Entwicklung Firefox Nightly (Fenix)

Kontextmenü Webseite leer

Fx 68 Bild in Bild Funktion

Achtung Bastler! Heute erscheint Firefox 68.0

Kontextmenü Firefox