Tableiste im Privaten Modus

Hallo,

ich vermute mal das mein Beitrag untergegangen ist: RE: Fx 71 - Tableiste unten

Deswegen hier nochmal die Frage, bekommt man dieses Privat Modus Symbol ganz nach rechts in die Tableiste rein?

So ist es mit Code aus.

Im Original, ohne irgendwelche Codes, ist es ganz rechts in der Tableiste mit drin.

Aufjedenfall Danke ich dir für die Hilfe.

Zitat von 2002Andreas

Zitat von Shunran

ganz nach rechts in die Tableiste rein?

In die Tableiste habe ich es nicht bekommen.

Wenn du magst, dann teste diese kompl. neue Version vom Code:

CSS

    /*Tableiste unten im privaten Fenster*/
    /*Lila Icon oben rechts*/
    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button > legacy-stack {
         padding-left: 30px !important;
         background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
         }
         
        #main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
         margin-top: 30px !important;
         background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
         } 
    #main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
        display: none !important;
        }
    /*Activer Tab lila Hintergrund*/
    #main-window[privatebrowsingmode=temporary] #tabbrowser-tabs:not([movingtab]) > .tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]{
        background: indigo !important;    
        }
    /*Activer Tab weiße Schrift*/
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{
        color: white !important;
        padding-top: 3px !important;
        }
    #main-window[privatebrowsingmode=temporary] #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -4px !important;
        width: 100vw !important;
        }
          
    #main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
        display: none !important;
        }
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
        margin-top: -4px !important;
        max-height: 35px !important; 
        }
    #main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    /*Höhe der Tabs im privaten Fenster*/
    #main-window[privatebrowsingmode=temporary]:root {
        --tab-min-height: 35px !important; 
        }
            
    #main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
        --tab-min-height: 35px !important; 
        }
    /*Breite der Tabs im privaten Fenster*/
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
        -moz-box-flex: 0!important;
        width: 180px!important;
        }
        
    /* Ab hier für normales Fenster*/
    @-moz-document url(chrome://browser/content/browser.xhtml) {
           
    #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -4px !important;
        width: 100vw !important;
        }
    #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    :root {
        --tab-min-height: 30px !important; 
        }
            
    :root #tabbrowser-tabs {
        --tab-min-height: 30px !important; 
        }
           
    .tabbrowser-tab:not([pinned]) {
        -moz-box-flex: 0!important;
        width: 180px!important;
        }
    /*Damit wird der Tabtext nicht ausgeblendet am Ende*/    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
        mask-image: none !important;
        }
    }

Alles anzeigen

Nice, Danke dir. Direkt neben dem Menü stört es auch nicht & es ist auch alles anklickbar, also Menü, Ublock & co. Mit den alten code war es schon nervig gewesen. da man in der ganzen reihe nicht wirklich klicken konnte wo das symbol war. Mit der lila farbe hat mich erstmal geschockt. Aber falls es mich doch zu sehr stören sollte, weiß ich schon was ich löschen muss.

Danke nochmals.

Edit: @milupo ich hab da leider nicht so die Ahnung von. Da frage ich lieber.

Zitat von 2002Andreas

Zitat von Shunran

Danke nochmals.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

---

Zitat von Shunran

wo das symbol war

Da ist etwas unnötiges im Code, sorry.

Zeile 8 - 11 kannst du entfernen:

CSS

#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
         margin-top: 30px !important;
         background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
         } 

Mit Zeile 12 - 14 hatte ich das Icon ja entfernt

Alles anzeigen

Alles klar, dann sieht es jetzt so aus:

    /*Tableiste unten im privaten Fenster*/
    /*Lila Icon oben rechts*/
    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button > legacy-stack {
         padding-left: 30px !important;
         background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
         }
         
    #main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
        display: none !important;
        }
    /*Activer Tab lila Hintergrund*/
    #main-window[privatebrowsingmode=temporary] #tabbrowser-tabs:not([movingtab]) > .tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]{
        background: indigo !important;    
        }
    /*Activer Tab weiße Schrift*/
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{
        color: white !important;
        padding-top: 3px !important;
        }
    #main-window[privatebrowsingmode=temporary] #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -4px !important;
        width: 100vw !important;
        }
          
    #main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
        display: none !important;
        }
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
        margin-top: -4px !important;
        max-height: 38px !important; 
        }
    #main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    /*Höhe der Tabs im privaten Fenster*/
    #main-window[privatebrowsingmode=temporary]:root {
        --tab-min-height: 35px !important; 
        }
            
    #main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
        --tab-min-height: 35px !important; 
        }
    /*Breite der Tabs im privaten Fenster*/
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
        -moz-box-flex: 0!important;
        width: 250px!important;
        }
   
    /* Ab hier für normales Fenster*/
    @-moz-document url(chrome://browser/content/browser.xhtml) {
           
    #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -4px !important;
        width: 100vw !important;
        }
    #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    :root {
        --tab-min-height: 35px !important; 
        }
            
    :root #tabbrowser-tabs {
        --tab-min-height: 35px !important; 
        }
           
    .tabbrowser-tab:not([pinned]) {
        -moz-box-flex: 0!important;
        width: 250px!important;
        }
    /*Damit wird der Tabtext nicht ausgeblendet am Ende*/    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
        mask-image: none !important;
        }
    }

Zitat von milupo

Zitat von Shunran

ich hab da leider nicht so die Ahnung von. Da frage ich lieber.

Fragen kannst du immer. Aber, wenn bei dir irgendwelche Codes quertreiben, kannst nur du die Ursache finden. Wir haben keinen Zugriff auf deinen Computer. Außerdem hilft es, deine Ahnung etwas zu verbessern.

Da geb ich dir recht. Der alte code war im anderen beitrag verlinkt. Aber hab jetzt den neuen Code von 2002Andreas Malschaun wie lange dieser hält.

Hallo,

mit dem neuen Update (74.0) ist im Privaten Modus dieses Symbol was ganz rechts war jetzt aufeinmal weg, wie bekomm ich es wieder hin? Hab immerhin schonmal die Tab höhe selber hinbekommen die ja mit dem Update auch verschoben war.

    /*Tableiste unten im privaten Fenster*/
    /*Lila Icon oben rechts*/
    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button > legacy-stack {
         padding-left: 30px !important;
         background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
         }
         
    #main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
        display: none !important;
        }
    #main-window[privatebrowsingmode=temporary] #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -2px !important;
        width: 100vw !important;
        }
          
    #main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
        display: none !important;
        }
    #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
        margin-top: -4px !important;
        max-height: 38px !important; 
        }
    #main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    /*Höhe der Tabs im privaten Fenster*/
    #main-window[privatebrowsingmode=temporary]:root {
        --tab-min-height: 35px !important; 
        }
            
    #main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
        --tab-min-height: 35px !important; 
        }
   
    /* Ab hier für normales Fenster*/
    @-moz-document url(chrome://browser/content/browser.xhtml) {
           
    #TabsToolbar {
        position: absolute !important;
        display:block !important;
        bottom: -1px !important;
        width: 100vw !important;
        }
    #tabbrowser-tabs {
        width: 100vw !important;
        }
            
    #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
        padding-bottom: var(--tab-min-height) !important;
        }
    :root {
        --tab-min-height: 35px !important; 
        }
            
    :root #tabbrowser-tabs {
        --tab-min-height: 35px !important; 
        }
           
    /*Damit wird der Tabtext nicht ausgeblendet am Ende*/    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
        mask-image: none !important;
        }
    }

Danke, funktioniert.