Menu Ansicht, Vollbild ist verschoben

BarbaraZ-

Ich habe hier eine Unstimmigkeit.

Ich nutze hierfür folgenden Code:

CSS

/*Menuleiste-Ansicht*/
    
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url-prefix("chrome://browser/content/places/places.xhtml"),
               url("chrome://browser/content/browser.xhtml") {
      
#menu_EditPopup > menuitem {
        color: white !important;
      }

    menu[label="Symbolleisten"]{ /*Symbolleisten*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px!important;
    }

    menu[label="Symbolleisten"]:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
    
    #toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{ /*Symbolleisten-Menueleiste*/
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Menueleiste.png") no-repeat !important;
    height: 15px !important;
    padding-top: 1px !important;
    margin-left: -3px !important;
    }

    #toggle_toolbar-menubar[checked="true"]>.menu-iconic-text {
    -appearance: none !important;
    padding-left: 5px !important;}   
    
    #toggle_toolbar-menubar:hover {
    background-color: red !important;
    color: white !important;
    }
    #toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(1):hover {
    background-color: red !important;
    color: white !important;
    }
    #toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(2),
    #toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(3) {
    display: none !important;
    }
            
    #menu_customizeToolbars{ /*Symbolleisten anpassen*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_customizeToolbars:hover{
    -appearance:none!important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
    
    menu[label="Sidebar"]{ /*Ansicht-Sidebar*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    menu[label="Sidebar"]:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;    
    border-width: thin !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
    
    #menu_bookmarksSidebar[checked="true"] { /*Ansicht-Sidebar-Lesezeichen*/
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
    list-style-image: none !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    /*#menu_historySidebar > img{
    display: none !important;
    }*/    
    
    #menu_bookmarksSidebar[checked="true"]:hover {
    margin-right: -1px !important;
    background: #f44336 url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;    
    list-style-image: none !important;
    border-width: thin !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
       
    menu[label="Zoom"]{ /*Zoom*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    menu[label="Zoom"]:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
        
    #menu_zoomEnlarge{ /*Zoom-Vergrößern*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_zoomEnlarge:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_zoomReduce{ /*Zoom-Verkleinern*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_zoomReduce:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    #menu_zoomReset:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: #f44336 url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;  
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px!important;
    }

    #toggle_zoom, /*Zoom-Nur Text zoomen*/
    #toggle_zoom[type="checkbox"][checked="false"] > .menu-iconic-left { 
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur-Text-zoomen.png") no-repeat !important;
    margin-left: 5px !important;
    min-height: 24px !important;
    padding-left: 8px !important;
    background-position: 10px 10px !important;
    }
    
    #toggle_zoom[type="checkbox"][checked="false"] >.menu-iconic-text{
    padding-left: 10px !important;
    }

    #toggle_zoom:hover {
    background-color: red !important;
    color: white !important;
    }       
    
    menu[label="Webseiten-Stil"]{ /*Webseitenstil*/
    -appearance:none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }

    menu[label="Webseiten-Stil"]:hover{
    -appearance:none !important;
    margin-right: -1px !important;
    background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;    
    border-width: thin !important;
    border-style: solid !important;
    min-height: 24px !important;
    padding-left: 35px !important;
    background-position: 10px 10px !important;
    }
    #menu_pageStyleNoStyle {
    display: none !important;
    }

    menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"] > .menu-iconic-left { /*Standardstil*/
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
    height: 15px !important;
    padding-top: 1px !important;
    margin-left: -3px !important;
    }
    
    #menu_pageStylePersistentOnly {
    background-color: red !important;
    color: white !important;
    }

    menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"]>.menu-iconic-text{
    margin-left: 2px !important;
    }

    menu[label="Webseiten-Stil"] menuitem[type="radio"]> .menu-iconic-left {
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
    height: 15px !important;
    padding-top: 1px !important;
    margin-left: -3px !important;
    }
        
    menu[label="Webseiten-Stil"] menuitem[type="radio"]>.menu-iconic-text{
    margin-left: 2px !important;
    }
    
    #repair-text-encoding { /*Textkodierung deaktiviert*/
    display: none !important;
    }
          
    #fullScreenItem { /*Ansicht-Vollbild*/
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
    height: 24px !important;
    padding-top: 35px !important;
    background-position: 10px 10px !important;
    }  
           
    #fullScreenItem[type="checkbox"] > .menu-iconic-left { 
    -appearance: none !important;
    background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
    height: 5px !important;
    padding-top: 1px !important;
    margin-left: -7px !important;
    }
    
    #fullScreenItem:hover {
    background-color: red !important;
    color: white !important;
    }

    #fullScreenItem[type="checkbox"] >.menu-iconic-text {
    background: !important;
    margin-left: -7px !important;
    }

    #menu_readerModeItem{
    display: none !important;
    }
}

Alles anzeigen

Wenn ich es richtig sehe wird dieses ab Zeile 264 angesprochen.

Habe schon diverses probiert und es wenigstens soweit hingekommen, das "Vollbild" nicht mehr "abgeschnitten" wird, heißt: es war nur das halbe Icon, ohne Text zu sehen.

Dieser Fehler trat erst mit Firefox 108 auf.

grisu2099

Kommentiere mal Zeile 268 aus und teste...

Ergänzung: Evtl. mit einem (deutlich) kleineren Wert arbeiten.

BarbaraZ-

grisu2099 Schon mal gut.

Nun muss ich nur noch den Text bündig bekommen.

Habe dazu versucht, in den Zeilen 277 und 287 "margin-left: -7px !important;" mit "margin-left: -3px !important;" anzusprechen.

Klappt leider nicht

grisu2099

Nicht margin, versuche mit padding-left.

milupo

Du hast dort vor appearance überall einen Bindestrich stehen. Der gehört dort nicht hin. Wahrscheinlich hast du nur -moz statt -moz- gelöscht, das früher dort noch verwendet werden musste.

BarbaraZ-

grisu2099 Das auswechseln von margin in padding hat geklappt.

milupo Ich werde das mit appearance dann mal nach und nach anpassen.

Danke für den Hinweis

grisu2099

Ich hab noch mal geschaut:

Kommentiere Zeile 287 aus und teste.

Wenn das nicht reicht, ändere die Zeile zu:

padding-left: 10px !important; und teste. Ggf. den Wert anpassen.

BarbaraZ-

grisu2099 Danke, ist nicht notwendig. Hatte in #6 schon geschrieben, das es geklappt hat und perfekt ist.

grisu2099

Hat sich dann mit meinem Post überschnitten...

Hauptsache, es paßt wieder alles.

Menu Ansicht, Vollbild ist verschoben

Ähnliche Themen

Blaue Einfärbung bei Mouse Over Effekt von Ansicht, Chronik, Lesezeichen usw. entfernen

Vollbild-Ansicht funktioniert nicht richtig, URL und Tabs verschwinden NICHT

Menueleiste Ansicht