Beiträge von Mira_Belle

Mira_Belle

Zitat von Mira_Belle

Besteht die Möglichkeit, diesen CSS-Code irgendwie in dem Script unter zubekommen?

Des Rätsels Lösung:

JavaScript

    document.getElementById('PersonalToolbar').style.minHeight = '0';

Mira_Belle

Zitat von Horstmann
Es kann auch sein dass nur ein CSS Eintrag fehlt, dann passiert was Du beschreibst auch :
CSS
#PersonalToolbar {
    min-height: 0 !important;
}

DAS war es

Danke.

Besteht die Möglichkeit, diesen CSS-Code irgendwie in dem Script unter zubekommen?

Hier das JavaScript, welches ich nach Deinem Muster geändert habe und wie ich es z.Z. nutze :

JavaScript

let startHeight = '0px'; //'0px' oder '24px' Hoehe Leiste
let autoCloseTime = 5000; // 0 = kein Auto-Close / >0 Zeit in Millisekunden /5000 => 5sec
let intervalID = 0;
let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); // Die Pfadangabe zu dem Profilordner
let buttonicon = "bookmark-hollow.svg" // Name & Dateiendung des anzuzeigenden Symbols
let persToolbar = document.getElementById('PersonalToolbar');
(function ptbut() {              
    if (location.href !== 'chrome://browser/content/browser.xul' && location.href !== 'chrome://browser/content/browser.xhtml') return;
    try {
        CustomizableUI.createWidget({
            id: 'PersonalToolbar-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    let toolbaritem = aDocument.createXULElement('toolbarbutton');                  
                    let props = {
                        id: 'PersonalToolbar-button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        removable: true,
                        label: 'Toggle',
                        tooltiptext: 'Lesezeichenleiste ein-/ausblenden',
                        style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
                    };                  
                    for(var p in props)
                        toolbaritem.setAttribute(p, props[p]);
                    return toolbaritem;                
                }
        });
        CustomizableUI.registerToolbarNode(tb);
    } catch(e) { };

    if( startHeight === '24px' || startHeight === '0px' ) {
        document.getElementById('PersonalToolbar').style.height = startHeight;
   }
    else {
        document.getElementById('PersonalToolbar').style.height = '24px';
    }
    document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );
 
    function onClick(aEvent) {  
        if (persToolbar.style.height == '') {
            persToolbar.style.height = '0px';    }
        else if (persToolbar.style.height == '24px') {
            persToolbar.style.height = '0px'; }
        else if(persToolbar.style.height == '0px') {
            persToolbar.style.height = '24px';
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime );
            }
        }
      }
     
    function autoClose() {
        if( intervalID ) {
            if( persToolbar.style.height == '24px') {
                persToolBar.style.height = '0px';
                clearInterval(intervalID);
                intervalID=0;
            }
        }
    }
})();

Alles anzeigen

Mira_Belle

Verstehe nur Bahnhof.

Ich habe doch nur ...

JavaScript

    if( startVisibility === 'visible' || startVisibility === 'collapse' ) {
        document.getElementById('PersonalToolbar').style.visibility = startVisibility;
   }

... ändern wollen, d.h. 'visible' duch ? ersetzen, z.b. true oder '22px' und 'collapse' z.B. false oder '0px'.

Aber weder noch funktioniert.

Da funktioniert der Code doch genau so.

Mira_Belle

Zitat von Sören Hentzschel
Ich habe mir das Script zwar nicht genauer angesehen und kann dementsprechend keine Lösung anbieten, mir sticht nur eine Sache direkt ins Auge:
JavaScript
if (startVisibility === true || startVisibility === false) {
  document.getElementById('PersonalToolbar').style.height = startVisibility;
}
Weder true noch false sind gültige Werte für height. Der Teil ist also in jedem Fall falsch.

Mh. Danke.

Auch ...

JavaScript

    if( startVisibility === '22px' || startVisibility === '0px' ) {
        document.getElementById('PersonalToolbar').style.height = startVisibility;
   }

... ändert leider auch nichts.

Mira_Belle

Bin zu blöd dafür!

JavaScript

// Button_PersonalToolbar.uc.js
// Source file https://www.camp-firefox.de/forum/thema/134920-schaltfl%C3%A4che-um-lesezeichen-leiste-ein-auszublenden/?postID=1205823#post1205823
// Source file https://www.camp-firefox.de/forum/thema/134920-schaltfl%C3%A4che-um-lesezeichen-leiste-ein-auszublenden/?postID=1213680#post1213680
// PersonalToolbar_ausblenden
// basierend auf den Ideen von BrokenHeart

let startVisibility = false; //'visible' oder 'collapse' Der Startzustand wird definiert:"visible" startet mit sichtbarer Leiste    
let autoCloseTime = 5000; // 0 = kein Auto-Close / >0 Zeit in Millisekunden /5000 => 5sec 
let intervalID = 0;
let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/"); // Die Pfadangabe zu dem Profilordner
let buttonicon = "bookmark-hollow.svg" // Name & Dateiendung des anzuzeigenden Symbols
let persToolbar = document.getElementById('PersonalToolbar');

(function ptbut() {              
    if (location.href !== 'chrome://browser/content/browser.xul' && location.href !== 'chrome://browser/content/browser.xhtml') return;
    try {
        CustomizableUI.createWidget({
            id: 'PersonalToolbar-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    let toolbaritem = aDocument.createXULElement('toolbarbutton');                  
                    let props = {
                        id: 'PersonalToolbar-button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        removable: true,
                        label: 'Toggle',
                        tooltiptext: 'Lesezeichenleiste ein-/ausblenden',
                        style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) +'");',
                    };                   
                    for(var p in props)
                        toolbaritem.setAttribute(p, props[p]);
                    return toolbaritem;                 
                }
        });
        CustomizableUI.registerToolbarNode(tb);
    } catch(e) { };

    if( startVisibility === true || startVisibility === false ) {
        document.getElementById('PersonalToolbar').style.height = startVisibility;
   }
    else {
        document.getElementById('PersonalToolbar').style.height = '22px';
    }

    document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );
  
    function onClick(aEvent) {   
        if (persToolbar.style.height == '') {
            persToolbar.style.height = '0px';    }
        else if (persToolbar.style.height == '22px') {
            persToolbar.style.height = '0px'; }
        else if(persToolbar.style.height == '0px') {
            persToolbar.style.height = '22px';
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
            }
        }
      }
      
    function autoClose() {
        if( intervalID ) {
            if( persToolbar.style.height == '22px') {
                persToolBar.style.height = '0px';
                clearInterval(intervalID); 
                intervalID=0;
            }
        }
    }
})();

Alles anzeigen

Leiste ist immer sichtbar!

Beim Start "breit", nach klick auf Symbol etwas "schmaler".

Bei weiterem klick auf das Symbol wieder "breit".

Bekomme das mit ...

Zitat von Horstmann

... mit style.visibility mit zB style.height und Pixelwerten arbeitet , ...

... einfach nicht auf die Kette.

Kann mir bitte jemand aufzeigen, wo genau der Fehler liegt?

Mira_Belle

Zitat von Raymannx

...
Meine TABS decken jetzt die Menueleiste zu. Ebenso funktionieren die mehrzeiligen Tableisten nicht mehr richtig!
...

Also ich habe jetzt den CSS-Code mal in einem sauberen, "neuen" Profil getestet.

Die Menüleiste wurde nicht verdeckt!

Es sah genauso aus, wie auf Bild 2 von Dir.

Was die mehrzeilige Tableiste betrifft, so habe ich nicht schlecht gestaunt, da war nichts!

Wenn mehr Tabs geöffnet werden als dargestellt werden können, dann gibt es plötzlich über und unter

der Tableiste einen "Reiter" zum Scrollen.

Am Ende der Leiste erscheint ein Button, welcher ein Überhangmenü öffnet.

Aber alles Funktionierte.

Hast Du noch andere "Anpassungen", denn wie mir scheint, krätscht da wohl ein anderer Code dazwischen,

zumindest was das verdecken der Menüleiste angeht.

Mira_Belle

Zitat von Raymannx

Leider hatte ich auf automatisches update eingestellt und wurde von 107.01 auf 108.01 upgedatet!
Jetzt funktioniert meine userchrome.css aus der Version 107 nicht mehr richtig!
Meine TABS decken jetzt die Menueleiste zu. Ebenso funktionieren die mehrzeiligen Tableisten nicht mehr richtig!
Warum muss das immer wieder passieren?
Hat jemand eine userchrome.css die bereits angepasst ist? Wäre super.
Vielen Dank im vorraus.

Um sehen zu können, wo Anpassungen an Deiner userChrome.css zu machen sind, wäre es wirklich nicht schlecht,

wenn Du sie hier öffentlich machen tätest.

Mira_Belle

Ein anderer Ansatz:

CSS

#nav-bar toolbarbutton:after {
   content: "|" !important;
   display: flex !important;
   color: red !important;
   margin-right: -4px !important;
  }
#nav-bar toolbarbutton:before{
     content: "|" !important;
   display: flex !important;
   color: transparent!important;
   margin-left: -4px !important;
}

Alles anzeigen

Mira_Belle

Ich bin mir sehr sicher, dass ein Screenshot nichts bringen würde

Die Leiste ist leer!

Auch der CSS-Code ...

CSS

    /* "Sichtbarkeit" der Separatoren */
    
    #PlacesToolbarItems > toolbarseparator::before {
        border-image-slice: 0 !important;
    }

... ist nicht die Ursache.

Das Phänomen tritt auf, wenn eine bestimmte Anzahl von "Einträgen" auf der Lesezeichenleiste überschritten wird.

Sobald nicht mehr alle Bookmarks auf der Leiste Platz haben,

werden sie alle einfach ins Überhangmenü ">>" verschoben.

Habe mir jetzt erst einmal beholfen, dass ich die Bookmarks auf 10 inkl. der "unsichtbaren" Separatoren begrenzt habe.

Vielleicht muss ja auch die Breite der Fläche für die Bookmarks fest getackert werden?

So war/ist es bei meiner Tableiste!

Da musste ich ...

CSS

    #tabbrowser-tabs {
        width: 95vw !important;
    }

... den Wert von 100vw auf 95vw ändern, damit der "Neue Tab-Button" wieder in den sichtbaren Bereich wanderte.

Mira_Belle

Schon komisch!

Woran es gelegen hat, ....

Hatte einige Lesezeichen auf der Leiste und davon waren viele in dem "Überhangmenü".

All jene habe ich nun in einen anderen Ordner verschoben und siehe da, die Leiste funktioniert genauso wie sie soll.

Ob es an den "unsichtbaren" Trennlinien" liegt? Wenn ich mal Muße habe, gehe ich der Sache auf den Grund.

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

es sind keine Lesezeichen zu sehen!

Kein Problem hier:

Danke für's checken, dann werde ich am alle CSS deaktivieren und auf die Suche gehen.

Mira_Belle

Das Script funktioniert nicht mehr, nicht mehr so richtig!

Kleinigkeit am Rande, nach dem Update erschien in der Lesezeichenleiste so ein blauer Feil,

nervig und störend! Wo für der wohl gut war?

CSS

#PlacesToolbarDropIndicator {
  display : none !important;
}

Schwups und weg war er!

So nun zum Script.

Es blendet nach wie vor die Leiste ein und nach voreingestellter Zeit auch wieder aus,

nur

es sind keine Lesezeichen zu sehen!

Erst wenn man auf ">>" vor "Weitere Lesezeichen" klickt, sind da die Lesezeichen,

all jene, die eigentlich auf der Leiste sein sollten.

Ohne Script schaut die Leiste ganz noch mal aus, also mit Lesezeichen.

Mira_Belle

Ja, sorry.

Also wenn ich auf den Button Protokoll der Netzwerkanfragen klicke,

geht ein neues Fenster auf, dann benutze ich den Filter blockiert.

So weit, so gut, nur wie genau würde ich denn jetzt, wie in diesem Beispiel, erkennen können,

welche Filterliste dafür verantwortlich ist, dass das Feld zur Angabe der E-Mail-Adresse ausgeblendet ist?

Mira_Belle

Danke DenalB für Deine Frage.

Ich habe hin und wieder das gleiche Problem.

Zitat von Sören Hentzschel

Hallo,
Zweites Symbol von rechts. Rot oder Gelb hinterlegte Zeilen sind blockierte Elemente. Ein Klick auf die entsprechende Zeile liefert die Details.

Danke Sören Hentzschel für Deine Antwort.

Ich verstehe nur nicht ganz, oder auch gar nicht.

Mira_Belle

Servus und willkommen.

Wie wäre es mit einem direkten Link?

Mira_Belle

Es hat mir keine Ruhe gelassen!

Habe "mein/e" Problem/e aber lösen können.

Wichtig!

CSS

    #faviconid {
        -moz-box-ordinal-group: 2 !important;
    }

Damit der eingefügte Text auch an der "richtigen" Stelle erscheint!

Hat etwas gedauert, bis ich DAS geschnallt hatte.

Nun erschien der Text aber immer, so lange wie eine Seite noch geladen und im Aufbau war.

Auch das konnte ich lösen.

Nicht #identity-box.notSecure box#identity-icon-box.identity-box-button::after

sondern #identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after

brachte den Erfolg.

Nun ist/war der Abstand vom Text zu dem davor stehenden Symbol doch recht knapp.

Irgendwie bin ich auf folgende Lösung gekommen:

CSS

    [collapsed="true"] {
        visibility: visible !important;
    }

Habe ich etwas vergessen?

Ach, nun hier präsentiere ich "meinen", hoffentlich fertigen, Code:

CSS

    .tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
        fill: #ff0000 !important;
    }
    
    
    #faviconid {
        -moz-box-ordinal-group: 2 !important;
    }
    [collapsed="true"] {
        visibility: visible !important;
    }
    
    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button  {
        font-size: 0 !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {  
        color: red !important; 
        content: "! Achtung !" !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
    fill: red !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
        filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
    }


    #identity-box[pageproxystate="valid"].notSecure #identity-icon {
        fill: red !important;
    }


    #identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after { 
        color: red !important;
        content: " ! Nicht sicher !" !important;
        font-size: 15px !important;
        font-weight: 800 !important;
}

Alles anzeigen

Mira_Belle

Hätte da noch ein kleines Problem!

OK, so klein ist es dann doch wieder nicht

Bei einer "Unsicheren" Verbindung:

Es fehlt der Text zwischen dem "Schloss" und dem Icon.

Wie man hier in der markierten Zeile erkennen kann, steht recht am Ende value="" und

dann zum Schluss collapsed="true"

Wenn ich nun value="Test" ändere und collapsed="true" komplett lösche,

erscheint Test zwischen den Symbolen.

Wie bekomme ich das dauerhaft "gespeichert"?

Nachtrag!

In diesem Zusammenhang könnte dieses Bild wichtig sein.

Mira_Belle

Nochmals Danke!

Warum auch immer klappte es mit "meinem" JavaStript nicht, das Icon NACH dem Text anzusprechen

und entsprechend einzufärben!

JavaScript

// 'Favicon in urlbars identity box' script for Firefox 92+ by Aris
//
// This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
// [!] If a page does not offer a favicon, browser branches default icon is shown.
// [!] In a multi-window environment pages without favicons might show wrong icons.
// option: set icon for pages without favicon

var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';

var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)

var favicon_click_opens_page_info_window = false;

var FaviconInUrlbar = {
 init: function() {
   try {
       
    var favimginurlbar = document.createXULElement("image");
    favimginurlbar.setAttribute("id","favimginurlbar");
      
    if(favicon_click_opens_page_info_window)
      favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");      
      
    favimginurlbar.style.width = "16px";
    favimginurlbar.style.height = "16px";
    favimginurlbar.style.marginLeft = "3px";
    favimginurlbar.style.marginRight = "3px";
    favimginurlbar.style.marginTop = "3px";
    favimginurlbar.style.marginBottom = "3px";
    
    //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
    document.getElementById('identity-box').appendChild(favimginurlbar);

    // update script every time tab attributes get modified (switch/open tabs/windows)
    document.addEventListener("TabAttrModified", updateIcon, false);
    document.addEventListener('TabSelect', updateIcon, false);
    document.addEventListener('TabOpen', updateIcon, false);
    document.addEventListener('TabClose', updateIcon, false);
    document.addEventListener('load', updateIcon, false);
    document.addEventListener("DOMContentLoaded", updateIcon, false);


    function updateIcon() {
        
     setTimeout(function(){ // timeout fixes wrong icon detection in some cases
      
      // get current tabs favicon
      var favicon_in_urlbar = gBrowser.selectedTab.image;
      
      // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
      if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
        if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
          else favicon_in_urlbar = icon_for_pages_without_favicon;
          
      document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
      
     },100);

    }

  } catch(e) {}
 }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);

Alles anzeigen

Habe nur das RE: About Seiten mit CSS Codes anpassen von 2002Andreas genommen und es klappt wie von mir gewünscht.

"Mein" Code:

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {

    .tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
        fill: #ff0000 !important;
    }

    #faviconid {
        -moz-box-ordinal-group: 2 !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button  {
        font-size: 0 !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {  
        color: red !important; 
        content: "! Achtung !" !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
    fill: red !important;
    }

    #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
        filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
    }
}

Alles anzeigen

Mira_Belle

Zitat von Heinrich

In der Adressbar lässt sich das leider nicht mit Ändern !!

Och nöö. Das ist aber blöd.

Mira_Belle

Und in der Adressbar bekomme ich das Icon auch angezeigt,

aber es ist schwarz!

Wie komme ich da dran?

Denn ...

CSS

#favimginurlbar {
    color: red !important;
}

... ist wohl zu allgemein und er greift nicht! Auch nicht wenn ich fill nutze.

DAS bekomme ich im Inspektor angezeigt:

CSS

Element {
    width: 16px;
    height: 16px;
    margin: 3px;
    list-style-image: url("chrome://global/skin/icons/warning.svg");
}

Beiträge von Mira_Belle

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Problem mit individueller Anpassung seit Firefox 108

Problem mit individueller Anpassung seit Firefox 108

Icons und Separatoren seit Update auf Version 108 verstellt

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

uBlock Origin: Erkennen, welcher Filter etwas auf einer Webseite blockt?

uBlock Origin: Erkennen, welcher Filter etwas auf einer Webseite blockt?

Firefox öffnet bestimmte Seite nicht mehr

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen