Beiträge von Mitleser

Mitleser

Zitat von Sören Hentzschel

Nur .popover reicht sogar, wenn es um die Gestaltung geht, weil die Klasse .active nur dafür sorgt, dass das Overlay sichtbar ist.
Nachtrag: Da gerade .popoverContent genannt wurde, das kann auch ausreichend sein, ist halt das Element eine Ebene darunter.

Das ist leider alles zu global, denn die popups auf der linken Seite werden damit auch ausgeblendet.

Mitleser

Danke für das Verschieben!

Mitleser

Ich suche den selector nur für dieses popup rechts :
EDIT: Wahrscheinlich bin ich diesem Thema falsch, dann bitte verschieben...

Mitleser

Zitat von .DeJaVu

(zu mehr hab ich grad keine Lust mehr)

Schade!

Mitleser

Sieht gut aus, dieses verzerrte Logo habe ich noch gefunden:

Mitleser

Funzt das:?

CSS

#PlacesToolbarItems > toolbarbutton[label="test"] >.toolbarbutton-text {
    display: none !important;
}
#PlacesToolbarItems > toolbarbutton[label="test"]::before {   
    content: '🍺' !important;
    display: block !important;
    font-size: 11px !important;
/*color: transparent !important;*/
    margin-left: 16px !important;
    margin-top: -7px !important;
}

Alles anzeigen

Mitleser

@BrokenHeart

Danke!

Mitleser

Zitat von 2002Andreas

Ansonsten sind auch bei dir die Ordner doppelt, nur mit einem weiteren eigenem Symbol.

Ein weiteres Symbol war der Sinn, um die Ordner ohne Text anders zu gestallten und damit besser unterscheiden zu können.

Zitat von 2002Andreas

Ansonsten sind auch bei dir die Ordner doppelt

Habe ich nicht verstanden.

Mitleser

Sieht hier so aus:

Mitleser

Eine andere Spielerei um Ordner zu 'markieren', wäre ein Emoji/Emoticon zum Ordnersymbol hinzuzufügen (margins und font-size müssen angepasst werden):

CSS

#PlacesToolbarItems > toolbarbutton[label="test"]::before {   
    content: '🍺' !important;
    display: block !important;
    font-size: 11px !important;
    margin-left: 16px !important;
    margin-top: -7px !important;
}

Mitleser

Zitat von Horstmann

Wenn du einen direkt mit dem Code anwendbaren, und für den Code funktionierenden Vorschlag für eine Lösung hast

Nö, habe ich nicht. Damit habe und werde ich mich auch nicht beschäftigen, 'form follows funktion' ist bei diesem Thema auch nicht Programm, sondern eher 'mir ist gerade langweilig'. Entschuldigung für den vorherigen Beitrag.

Mitleser

Mir ist aufgefallen. dass du nicht:

#tabbrowser-tabs[haspinnedtabs]

#tabbrowser-tabs[positionpinnedtabs]

#tabbrowser-arrowscrollbox[overflowing]

nutzt.

Ein Beisp. wäre:

CSS

#tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { 
    margin-inline-start: .... !important;
}

Mitleser

Danke! Jetzt die neuere Version:

JavaScript

(function() {

    if (!window.gBrowser){
        return;
    }
// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

const bExecuteOnStart = false;   //[true] Ausführung des Skripts beim Start zulassen | [false] Nur händische Aktivierung über Button
const buttonIcon = "16synchronization-13neongreen.svg"  // Name.Dateiendung des anzuzeigenden Symbols | Name.file extension of the symbol to be displayed
const buttonPath = "/chrome/css/image/" // Pfad zum Ordner der das Icon beinhaltet | Path to folder containing the icon
const label = 'Alle Tabs neu laden'
const tooltiptext = 'Alle Tabs neu laden'

// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir))
    try {
        CustomizableUI.createWidget({
            id: 'RelAllTabs',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {            
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                let props = {
                    id: 'RelAllTabs',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: label,
                    tooltiptext: tooltiptext,
                    style: "list-style-image: url('" + curProfDir + buttonPath + buttonIcon + "');"
                };
                for (let p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
    } catch(e) { };
//-----menu------------------
const menuitem1 = document.createXULElement('menuitem');
      menuitem1.id = 'RelAllTabs-con';
      menuitem1.setAttribute('label', label);
//      menuitem1.setAttribute('tooltiptext', tooltiptext);
      menuitem1.classList.add('menuitem-iconic');
      menuitem1.style = "list-style-image: url('" + curProfDir + buttonPath + buttonIcon + "');";
const refItem1 = document.getElementById('context_reloadTab');
         refItem1.parentNode.insertBefore(menuitem1, refItem1.nextSibling);
//-----menu------------------
    function onReady() 
    {    
        console.log("Ready: ReloadAllTabsOnStart");
    
        if( bExecuteOnStart ) {
            reloadAllTabs(true);
        }
    }    
    
    if (window.readyState !== "loading") {
        setTimeout(onReady,300); 
    }
    else 
    {
        window.addEventListener("DOMContentLoaded", onReady );
    }

    
    document.getElementById('RelAllTabs').addEventListener( "click", onClick ); // button
    document.getElementById('RelAllTabs-con').addEventListener( "click", onClick ); // menu

 
    function onClick(aEvent) {
        if( aEvent.button == 0 ) {
            reloadAllTabs(false);
        }
    }
    
    function reloadAllTabs(bTwice) {
        
        let tabs = gBrowser.tabContainer.allTabs;
        let loadFlags = Ci.nsIWebNavigation.LOAD_FLAGS_BYPASS_CACHE  | Ci.nsIWebNavigation.LOAD_FLAGS_BYPASS_PROXY ;
        let nTimeout1 = 0;
        let nTimeout2 = 2000;
                    
        if(bTwice)
            nTimeout1 = 1000;
                    
        setTimeout(function() {
            for (let nr = 0, count = tabs.length; nr < count; nr++) {
                tabs[nr].linkedBrowser.reloadWithFlags(loadFlags);
            }
        }, nTimeout1);
        
        if(bTwice) {
            setTimeout(function() {
                for (let nr = 0, count = tabs.length; nr < count; nr++) {
                    tabs[nr].linkedBrowser.reloadWithFlags(loadFlags);
                }
            }, nTimeout2);
        }
    }
    
})();

Alles anzeigen

Mitleser

BrokenHeart

Ich habe sonst mit dem Add-On 'Tab Reloader' alle Tabs geladen.

Das ist nun vorbei. Vielen Dank für das script. Habe es für mich umgebastelt, so dass es auch einen Menüeintrag im Tabdopdown unterhalb von 'Tab neu laden' anzeigt. Den Button kommentiere ich aus oder schiebe ihn einfach ins 'widget-overflow'.

JavaScript

(function() {

    if (!window.gBrowser){
        return;
    }
// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

const bExecuteOnStart = false;   //[true] Ausführung des Skripts beim Start zulassen | [false] Nur händische Aktivierung über Button
const buttonIcon = "16synchronization-13neongreen.svg"  // Name.Dateiendung des anzuzeigenden Symbols | Name.file extension of the symbol to be displayed
const buttonPath = "/chrome/icons/" // Pfad zum Ordner der das Icon beinhaltet | Path to folder containing the icon
const label = 'Alle Tabs neu laden'
const tooltiptext = 'Alle Tabs neu laden'

// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir))
    try {
        CustomizableUI.createWidget({
            id: 'RelAllTabs',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {            
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                let props = {
                    id: 'RelAllTabs',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: label,
                    tooltiptext: tooltiptext,
                    style: "list-style-image: url('" + curProfDir + buttonPath + buttonIcon + "');"
                };
                for (let p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
    } catch(e) { };
//-----menu------------------
const menuitem1 = document.createXULElement('menuitem');
      menuitem1.id = 'RelAllTabs-con';
      menuitem1.setAttribute('label', label);
//      menuitem1.setAttribute('tooltiptext', tooltiptext);
      menuitem1.classList.add('menuitem-iconic');
      menuitem1.style = "list-style-image: url('" + curProfDir + buttonPath + buttonIcon + "');";
const refItem1 = document.getElementById('context_reloadTab');
         refItem1.parentNode.insertBefore(menuitem1, refItem1.nextSibling);
//-----menu------------------
    if( bExecuteOnStart ) {
        reloadAllTabs(true);
    }
    
    document.getElementById('RelAllTabs').addEventListener( "click", onClick ); // button
    document.getElementById('RelAllTabs-con').addEventListener( "click", onClick ); // menu

 
    function onClick(aEvent) {
        if( aEvent.button == 0 ) {
            reloadAllTabs(false);
        }
    }
    
    function reloadAllTabs(bTwice) {
        
        let tabs = gBrowser.tabContainer.allTabs;
        let loadFlags = Ci.nsIWebNavigation.LOAD_FLAGS_BYPASS_CACHE  | Ci.nsIWebNavigation.LOAD_FLAGS_BYPASS_PROXY ;
        let nTimeout1 = 0;
        let nTimeout2 = 2000;
                    
        if(bTwice)
            nTimeout1 = 1000;
                    
        setTimeout(function() {
            for (let nr = 0, count = tabs.length; nr < count; nr++) {
                tabs[nr].linkedBrowser.reloadWithFlags(loadFlags);
            }
        }, nTimeout1);
        
        if(bTwice) {
            setTimeout(function() {
                for (let nr = 0, count = tabs.length; nr < count; nr++) {
                    tabs[nr].linkedBrowser.reloadWithFlags(loadFlags);
                }
            }, nTimeout2);
        }
    }
    
})();

Alles anzeigen

Mitleser

OK!

Zeile: 49

Code

document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(

einen

Code

.parentNode

entfernen.

Mitleser

Sorry, aber du trittst gerade unser Engagement mit Füssen, deshalb keine Hilfe von mir mehr...

Mitleser

Das 4 Tg. alte Update hast du sicherlich schon gemacht?

replace XPCOMUtils.defineLazyModuleGetters · Aris-t2/CustomJSforFx@16d988c

github.com

@milupo

Aber auch dort ist deine Änderung relevant:

Zeile 161

Zeile 250

Mitleser

Zitat von heiko

Jetzt wäre nur noch der ungelesene Tab. Geht das überhaupt, den in einer 3. Hintergrundfarbe + Schrifteigenschaften anzupassen?

Ich nutze dieses Script:

uc.css.js/JS/unreadTabMods.uc.js at master · aminomancer/uc.css.js

A dark indigo CSS theme for Firefox and a large collection of privileged scripts to add new buttons, menus, and behaviors and eliminate nuisances. The theme is…

github.com

Mitleser

Hier noch eine komplizierte (und auch überflüssige) Lösung:

Spoiler anzeigen

Da ich die url-bar möglichst clean halte, habe ich die Icons so ausgeblendet:

CSS

/*Fingerprinting, und andere Addons ausblenden*/
#page-action-buttons {   
    display: none !important;
}

Ich möchte aber nicht auf die Übersetzungsfunktion (und einen Button) verzichten. Deshalb verschiebe ich den Button mit diesem bekannten

script wohin ich möchte (wenn die Funktion gefordert ist, erscheint der Button an der definierten Stelle):

JavaScript

//B_Uebersetzung.uc.js
(function() {
  if (!window.gBrowser) return;

  /* ------ */
  const origID = "translations-button";// ID des originalen Buttons
  const label = "Website-Übersetzung";
  const tooltiptext = "Website-Übersetzung";
  /* ------ */

  const menuButton = document.getElementById(origID),
        buttonID = 'ucjs_' + origID;

  if (!CustomizableUI.getPlacementOfWidget( buttonID )) {
    try {
      CustomizableUI.createWidget({
        id: buttonID,
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = buttonID;
          toolbaritem.className = 'chromeclass-toolbar-additional';
          toolbaritem.setAttribute('label', label);
          return toolbaritem;
        }
      });
      if (!CustomizableUI.getPlacementOfWidget( buttonID )) {
        menuButton.style.display = 'none';
        return;
      };
    } catch(e) {
      menuButton.style.display = 'none';
      return;
    };
  };

  setTimeout(function() {
   document.getElementById(buttonID).appendChild(menuButton);
   menuButton.setAttribute('consumeanchor', buttonID);
   menuButton.setAttribute('label', label);
   menuButton.setAttribute('tooltiptext', tooltiptext);
  }, 0);
}());

Alles anzeigen

Da die Buttonicons noch zentriert werden müssen, könnte man diese so ähnlich anpassen:

CSS

/*B_Uebersetzung.css*/
#translations-button-icon {
    margin-top: -2.5px !important;
    margin-bottom: 2.5px !important;
    transform: scale(0.92, 0.92) !important;
    overflow: hidden !important;
}
#translations-button-locale {
    margin-top: -5px !important;
    overflow: hidden !important;
}
#translations-button-circle-arrows {
    margin-top: -2.5px !important;
    margin-bottom: 2.5px !important;
    overflow: hidden !important;
}

Alles anzeigen

Mitleser

Zitat von Mira_Belle

Echt super! Spasses halber habe ich mal "mein" orange in der rootChrome.css gegen lime getauscht,
irre wie einfach.

Das könnte aber wiederum einen Button erforderlich machen😂️🤣️?

Beiträge von Mitleser

Forumsoftware: Ich suche den selector nur für dieses popup rechts

Forumsoftware: Ich suche den selector nur für dieses popup rechts

Forumsoftware: Ich suche den selector nur für dieses popup rechts

Schnellerer Firefox-Start

2023-Update: Aktualisierung auf WoltLab Suite 6.0 & Design-Refresh

Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Einem Ordner in der Lesezeichen-Symbolleiste ein Symbol zuordnen

Tabform

Tabform

beim Start alle Tabs neu laden

beim Start alle Tabs neu laden

Add-on Leisten Skript für Fx 119 anpassen - Hinweis

Add-on Leisten Skript für Fx 119 anpassen - Hinweis

Add-on Leisten Skript für Fx 119 anpassen - Hinweis

Farbe aktive und inaktive Tabs funktionieren in FF 119 nicht mehr

Icon für Übersetzung ausblenden

Variablen in CSS nutzen