Beiträge von Mitleser

Dankeschön

Da ich mich gerade mit dem Thema tab-preview beschäftige:
.tab-preview-activeness habe ich nicht gefunden, .tab-preview-pid-activeness aber schon. Ist das so richtig?
tab-hover-preview.css - mozsearch

2002Andreas Geht das? [id^="ck-editor__aria-label"]

2002Andreas Geniale Lösung! So einfach, dass ich sie im vorherigen Post von dir einfach übersehen habe. Danke dafür und den Button trete ich jetzt in die Tonne. Warum einfach wenns auch kompliziert geht...

Zitat von 2002Andreas

Sollte ich das falsch verstanden haben

Könnte sein:
Es geht darum, dass das Icon in der Urlbar bei bestimmten Konfigurationen nicht erscheint (siehe oben).

Zitat von Sören Hentzschel

Anwendungsmenü. Das ist das hinter der Schaltfläche mit den drei Strichen in der Navigationssymbolleiste.

naja, ganz schön weit weg..Danke für die Aufklärung! Das war mir gänzlich unbekannt.

Sören Hentzschel Ja genau, genauso ist das hier unter 'Webseiten sind manchmal in mehr als einer Sprache verfügbar. Wählen Sie die Sprachen für die Darstellung von Webseiten in der von Ihnen bevorzugten Reihenfolge:'
'eingestellt' ist: 2. Sprache: Englisch [en]. In diesem Fall kann der Button schon hilfreich sein. Im Kontextmenü (Linux) sehe ich diese Funktion nicht. Beispiel: https://www.nytimes.com/

U.U. kann ja jemand diesen Button gebrauchen:
Es geht um das Icon des Firefox Übersetzers, dass in der Urlbar aus unterschiedlichen Gründen manchmal nicht erscheint.

EDIT: Die Lösung von 2002Andreas aus userChrome.js Scripte für den Fuchs (Diskussion) ist einfacher und deshalb besser, der Button wird dann nicht benötigt.

// JavaScript Document
// B_TranslFullPage.uc.js
(function() {
 if (!window.gBrowser)
    return;
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const icon = '16_translate.svg';  // [Name.Dateiendung] des anzuzeigenden Symbols
const iconPath = '/chrome/icons/'; // Pfad zum Ordner der das Icon beinhaltet
const id = 'FullPageTransl-button'; // Id des neuen Buttons (wie in CSS: [#FullPageTransl-button])
const label = 'Ganze Seite übersetzen'; // Bezeichnung des neuen Buttons
const tooltiptext = 'Open FullPageTranslationsPanel'; // selbsterklärend
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const oncommand = 'FullPageTranslationsPanel.open(event);';
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
 
 CustomizableUI.createWidget({
   id: id,
   defaultArea: CustomizableUI.AREA_NAVBAR,
   label: label,
   tooltiptext: tooltiptext,
   onCreated: function(button) {
        button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
        button.setAttribute('oncommand', oncommand);
    }
 });
//---
const sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
const uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
    #${id} image {
        -moz-context-properties: fill;    
        fill: gold;
    }
    #${id}:hover image {
        fill: currentcolor;
    }
    `), null, null);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
//---
})();

Danke für den Screen. Je kürzer der Code, desto länger die Ruhe...

Mit dieser Version - ohne Icon - sollte es auch ohne css klappen :

// JavaScript Document
// M_Close_Firefox_ohne Icon.uc.js
(function() {
  if (location.href !== 'chrome://browser/content/browser.xhtml') 
    return;
// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

const label = 'Fox schließen';
//const tooltiptext = 'Firefox beenden';
const oncommand = 'goQuitApplication(event);';

// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

const menuitem1 = document.createXULElement('menuitem');
      menuitem1.id = 'contextClose';
      menuitem1.setAttribute('label', label);
//      menuitem1.setAttribute('tooltiptext', tooltiptext);
      menuitem1.setAttribute('oncommand', oncommand);

const refItem1 = document.getElementById('context-inspect');
   	  refItem1.parentNode.insertBefore(menuitem1, refItem1.nextSibling);
 
})();

clio so vielleicht? Hier das Icon: 16power_off_redorange.svg

// JavaScript Document
// M_Close_Firefox.uc.js
(function() {
  if (location.href !== 'chrome://browser/content/browser.xhtml') 
    return;
// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

const icon = '16power_off_redorange.svg';  // Name.Dateiendung des anzuzeigenden Symbols | Name.file extension of the symbol to be displayed
const iconPath = '/chrome/icons/'; // Pfad zum Ordner der das Icon beinhaltet | Path to folder containing the icon
const label = 'Firefox beenden';
const tooltiptext = 'Firefox beenden';
const oncommand = "goQuitApplication(event);";

// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
const menuitem1 = document.createXULElement('menuitem');
      menuitem1.id = 'contextTest';
      menuitem1.setAttribute('label', label);
      menuitem1.setAttribute('tooltiptext', tooltiptext);
      menuitem1.setAttribute('oncommand', oncommand);
      menuitem1.classList.add('menuitem-iconic');
 	  menuitem1.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';

const refItem1 = document.getElementById('context-inspect');
   	  refItem1.parentNode.insertBefore(menuitem1, refItem1.nextSibling);
 
})();

Ich denke, es könnte dies fehlen:

--panel-shadow-margin: 0px !important;

Im neuen Profil getestet und es funktioniert auch:

menupopup {
    border: 2px solid #00bbff; 
    padding: 0; /* Entfernt inneren Abstand */
    margin: 0; /* Entfernt äußeren Abstand */
	--panel-shadow-margin: 0 !important; /* Entfernt den für den Schatten vorgesehenden Abstand */
}

Ich nutze das hier:

fox/Natural Smooth Scrolling for user.js at main · AveYo/fox

Firefox stuff. Contribute to AveYo/fox development by creating an account on GitHub.

github.com

Aber das ist bestimmt viel zu umfangreich/veraltet...

Edit: Habe gerade in einem neuen Profil getestet und gesehen dass ich das Problem nicht habe. Auch deshalb ist dieser Beitrag unpassend. Da es schon eine Antwort gibt möchte ich diesen aber nicht löschen.

Zitat von .DeJaVu

Für diesen partiellen Kram kann es keine Lösung geben.

Ich würde noch weiter gehen:
Für diesen partiellen Kram kann und darf es keine Lösung mehr geben.

Aber es wird wieder und wieder passieren.

Horstmann , genau die gleichen Erfahrungen habe ich auch gemacht. Ich finde aber auch nur dieses Thema:

Thema

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Kurz, es geht um Dateien mit der Endung *svg

Ich habe mir nun so einige Grafiken per Visual Studio Code angeschaut.

Das für mich erschreckende, alle sind so unterschiedlich, dass ich einfach nicht verstehe,

wie ich z.B. die Farbe, die Größe usw. festlegen kann.

Manche Grafiken werden im Explorer angezeigt, andere wiederum nicht.

Manchen Grafiken kann ich per CSS-Code dann im Firefox eine Farbe zuweisen, andere nicht.

Ich poste hier mal einige Beispiele.

Dieses Symbol wird nicht im Explorer angezeigt,…

Mira_Belle

13. August 2023 um 19:53

Ausführlich ist das ja nicht.

Naja, Ordnersymbole gibt es ja sehr viele, da ist für jeden Geschmack etwas dabei, z.B.:
"folder" - iconmonstr
Schwieriger ist dann schon das Einfärben einer .svg-datei.

Ja, sehe ich genauso, also könnte man das löschen.
.chromeUI

#identity-box[pageproxystate="valid"]:is( .chromeUI, .extensionPage, .localResource ) #identity-icon {
    fill: blue !important
}

Weiterführender Link:

identity-block.css - mozsearch

gerade gehört...

favorite song:

Zitat von Speravir

Es fehlt oben übrigens noch etwas

Naja, 'fehlen' tut es ja nicht. Ich nehme das mal als 'Zusatzmöglichkeit'.
Kann man sicherlich so machen, aber das jeweilige #identity-icon ist dann ein anderes Icon und nicht das oben erwähnte 'Schloss'. Es hebt sich also schon durch die jeweilige Form (Puzzleteil usw.) ab.

Zitat von Webmark

Ein Screenshot der geöffneten Website (bisher) nicht.

Das ist wohl so gewollt; die geöffnete Website siehst du ja im geöffneten Tab.