Beiträge von Shunran

Shunran

Dann frage ich mich wo der Fehler liegt,

hier sogar mal fix mit Handy nen Video gemacht, hoffe man kann es gut erkennen: https://streamable.com/qnuv5o

Shunran

Nein nutze ich nicht.

hast du vorher auch was anderes angeklickt auf der seite & dann nochmal was anderes? Weil wie ich schon sagte einmal was öffnen geht, danach kann ich klicken wo ich will & es öffnet sich nichts weiter.

Shunran

Hallo,

wenn ich auf https://www.bladeandsoul.com/de z.B. auf Mehr erfahren klicke wegen Unreal Engine 4, kann ich noch mit der Maus oben links dann auf Das Spiel gehen, es öffnet sich ein dropdown Menü & kann dann auf Klassen oder so klicken es öffnet sich NICHT die gewünschte Seite, es passiert einfach NICHTS. Ich müsste die Seite einmal mit F5 neu laden dann funktioniert es, dann kann ich aber wieder klicken wie ich will & es öffnet sich nichts... Ist schon nervig. Hoffentlich kann man das beheben? Habe zwar im Ahnhang ein screen mit eingefügt, jedoch wird man es auf den screen nicht erkennen was ich da genau meine, hoffe aber ihr wisst so schon was ich meine.

Dann kann ich bei ein Blockierten Popup nicht auf das schließen klicken, es schließt sich einfach nicht.

OHNE die userChrome funktioniert alles einwandfrei. Vllt kann mir da jemand helfen?

Hier noch der Code:

CSS

       /*Tableiste unten für normales Fenster*/
       
@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: fixed !important;
    display: block !important;
    top: 102px !important; /*Abstand nach oben*/
    width: 100% !important;
    }
    
#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: 34px !important;
    }

/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
   --tab-min-height: 32px !important; 
   }

:root #tabbrowser-tabs {
   --tab-min-height: 32px !important; 
   } 
}


                  /*Tableiste unten im privaten Fenster*/ 

/*Lila Icon oben rechts neben der Suchleiste*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
  margin-left: 0px!important;
  margin-right: 0px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  background: url("chrome://browser/skin/indicator-private-browsing.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 2px !important;
  background-size: 15px 15px !important;
}
    
#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
    display: none !important;
    }
    
#main-window[privatebrowsingmode=temporary] #TabsToolbar {
     position: fixed !important;
    display: block !important;
    top: 102px !important; /*Abstand nach oben*/
    width: 100% !important;
}
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], 
#main-window[privatebrowsingmode=temporary] .tab-line[selected="true"] {
    display: none !important;
    }

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([visuallyselected="true"]),
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"] {
    margin-top: -0px !important;
    max-height: 40px !important; 
    }
    
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
       padding-bottom: 34px !important;
    }
    
/*Höhe der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 32px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 32px !important; 
    }
    
/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
    --tab-min-height: 32px !important; 
    }

:root #tabbrowser-tabs {
   --tab-min-height: 32px !important; 
   }

Alles anzeigen

& Hier noch die Screens:

Mit freundlichen Grüßen

Shunran

Hallo,

mir ist aufgefallen das der TAB links im Vollbild weiterhin noch angezeigt wird & habe mich mal rangesetzt & versucht das Problem zu finden, was ich tatsächlich nach stundenlanges rumprobieren rausgefunden habe woran es lag & wollte dies hier einfach mal mitteilen.

Bei der Zeile 6 & Zeile 57 steht ja folgendes, im #3 Beitrag den ich gepostet hatte:

CSS

    position: absolute !important;

& musste einfach nur in das geändert werden:

CSS

    position: fixed !important;

Shunran

Hallo Andreas,

ich bedanke mich recht herzlich & habe den ersten Code von dir genommen & selber noch ein paar Änderungen vorgenommen das alles genau passt.

CSS

       /*Tableiste unten für normales Fenster*/
       
@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display: block !important;
    top: 102px !important; /*Abstand nach oben*/
    width: 100% !important;
    }
    
#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: 34px !important;
    }

/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
   --tab-min-height: 32px !important; 
   }

:root #tabbrowser-tabs {
   --tab-min-height: 32px !important; 
   } 
}


                  /*Tableiste unten im privaten Fenster*/ 

/*Lila Icon oben rechts neben der Suchleiste*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
  margin-left: 0px!important;
  margin-right: 0px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  background: url("chrome://browser/skin/indicator-private-browsing.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 2px !important;
  background-size: 15px 15px !important;
}
    
#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
    display: none !important;
    }
    
#main-window[privatebrowsingmode=temporary] #TabsToolbar {
     position: absolute !important;
    display: block !important;
    top: 102px !important; /*Abstand nach oben*/
    width: 100% !important;
}
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], 
#main-window[privatebrowsingmode=temporary] .tab-line[selected="true"] {
    display: none !important;
    }

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([visuallyselected="true"]),
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"] {
    margin-top: -0px !important;
    max-height: 40px !important; 
    }
    
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
       padding-bottom: 34px !important;
    }
    
/*Höhe der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 32px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 32px !important; 
    }
    
/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
    --tab-min-height: 32px !important; 
    }

:root #tabbrowser-tabs {
   --tab-min-height: 32px !important; 
   }

Alles anzeigen

Shunran

Hallo,

wär jemand so nett & könnte den Code für Firefox 89 Anpassen?

CSS

    /*Tableiste unten im privaten Fenster*/
    /*Lila Icon oben rechts*/
    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button.toolbarbutton-1 stack.toolbarbutton-badge-stack {
         padding-left: 30px !important;
         background: url("chrome://browser/skin/indicator-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: -2px !important;
        max-height: 36px !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;
        }
    }

Alles anzeigen

Danke im vorraus.

Shunran

Hallo Andreas,

du bist wiedermal meine Rettung. Funktioniert. Danke dir.

So siehts nun aus:

Shunran

Hallo Msfreak,

das stimmt wohl, aber dann sind die Tabs wieder oben & nicht unten wie ich es gerne hätte...

https://abload.de/img/fehltjnj53.png

Ich hätte ja schon weiterhin die TABs unten inklusive das symbol, aktuell ist es für mich nicht erkennbar ob ich im Privaten Fenster unterwegs bin oder nicht.^^

Shunran

Hallo,

seit dem Update auf Firefox 88 ist im Privates Fenster das Symbol weg, wäre es machbar das dieses Symbol wieder sichtbar ist? Die userChrome hat bis Firefox 87 wunderbar so funktioniert.

meine aktuelle userChrome ist so:

CSS

    /*Tableiste unten im privaten Fenster*/
    /*Lila Icon oben rechts*/
    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button.toolbarbutton-1 stack.toolbarbutton-badge-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: -2px !important;
        max-height: 36px !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;
        }
    }

Alles anzeigen

Shunran

Danke, funktioniert.

Shunran

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.

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 {
        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;
        }
    }

Alles anzeigen

Shunran

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:

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 {
        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;
        }
    }

Alles anzeigen

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.

Shunran

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.

Shunran

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.

Shunran

Zitat von 2002Andreas

Zitat von Shunran

das die Tabs die gleiche höhe haben wie im normalen fenster

Teste bitte wieder

Hallo, vielen Dank.

CSS

@-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: 250px!important;
    }

#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -41px !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: 33px !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;
    }

#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 30px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 30px !important; 
    }
       
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 250px!important;
    }
}

Alles anzeigen

Siehts nun aus & funktioniert auch alles. Jetzt habe ich nur eine frage, bekommt man dieses Privat Modus Symbol ganz nach rechts in die Tableiste rein?

So ist es mit dein/mein Code.

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

Aufjedenfall Danke ich dir für die Hilfe.

Shunran

Zitat von 2002Andreas

Zitat von Shunran

im Privaten Fenster funktioniert er nicht.

Hallo und Willkommen hier im Forum.

Teste bitte mal, die Werte kannst/musst du dir evtl. noch anpassen:

CSS

#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -44px !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: 32px !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;
    }

#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 35px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }
       
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
    
@-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: 157px!important;
    }
}

Alles anzeigen

Hallo, vielen Dank. Bin schonmal froh das es jetzt auch im Privaten Modus wieder passt. (Muss nur gucken welche werte es sind das der Tab etwas höher gesetzt wird, kenn mich damit nicht wirklich aus.^^) Versuchte gerade schon paar dinge, das die Tabs die gleiche höhe haben wie im normalen fenster, aber bisher ohne erfolg.^^

Shunran

Hallo, der Code funktioniert zwar, aber im Privaten Fenster funktioniert er nicht. Wie kann man das beheben?

toolkit.legacyUserProfileCustomizations.stylesheets ist auf True gestellt.

Beiträge von Shunran

2 kleine fehler, die an der userChrome liegen

2 kleine fehler, die an der userChrome liegen

2 kleine fehler, die an der userChrome liegen

Code Anpassung für Firefox 89

Code Anpassung für Firefox 89

Code Anpassung für Firefox 89

Firefox 88 Private Browsing Symbol weg

Firefox 88 Private Browsing Symbol weg

Firefox 88 Private Browsing Symbol weg

Tableiste im Privaten Modus

Tableiste im Privaten Modus

Tableiste im Privaten Modus

Tableiste im Privaten Modus

Tableiste im Privaten Modus

Tableiste unten per CSS-Code, oder per Skript.

Tableiste unten per CSS-Code, oder per Skript.

Tableiste unten per CSS-Code, oder per Skript.