Neu laden/Stopp-Button vertauschen

2002Andreas

Zitat von Mira_Belle

denn das Teilen der Buttons kann nur von einem JavaScript erfolgen.

Wie kommst du denn darauf

Geteilt wird er mit dem CSS Code Zeile 16 - 21 im Code aus Beitrag Nr. 20.

Alternativ damit:

CSS

#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
  display: flex !important;
}

Und dann muss das Icon nur noch gespiegelt werden, damit Stop links und Reload rechts ist.

CSS

#stop-reload-button {
  transform: scaleX(-1) !important;
}

#reload-button {
    transform: scaleX(-1) !important;
}

Boersenfeger

Wenn Bedarf an einem anderen Aussehen der Schaltfläche besteht:

CSS

/* Stop_Reloadbutton_neues_Design */

#reload-button .toolbarbutton-icon {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAE+0lEQVR42mL8//8/Ax7ABcSsQAxS9AuIf4AEgVocgAKOTIwMS4Dc28gaAAKIBYshIDGzn/8Y7L78ZtD8/odBmPE/w38uFoaXfGwMp5mZGM6//MbQcOTpP3tPRSYpblaGLKD63zDNAAGEbqDk7/8M5Tc+MURd+8Ag+ujjP4Z3X/8x/P79j4Gb6T+DJBdDsoU087PX35kFF15lYBDi/BviJMu8AahvK8wAgABiRPKyyqc/DFP3vWFwO/P6H8OrD78Yvn37y/Dz91+GP/+Ahv4B+hloGx8zAwM/JwvDo/eMDDoSrAz1tuzbBdgZooD6P4AMAQggJqhhUu9/MUxc84TB7eDTPwzPXn9j+PT5J9CAP+AAY2FgBAckF1D111//GR69+8XA/PcHw7lH3xl23f3jCpTyh7kKIIBABjIBfZR44AWD14VXfxnev//O8PnbH4b//yBR8f/ff4a/v/4x/PsDpP/+ZwA6kIGNkREoxcjw++cfhg1Xf7I8+PAvDygsAzIQIIBABio++sIQee71f4bvX38wfPvxF6iUEWzg378MDN9//mf4DHTVN2Asffn+n+HXL4jB/4BynEz/GK4/+86w8uIvo++/GdJBBgIEEBPQAS43PzJovwJG6bcfQJf9ZwQrBrno+8+/DCxAV9pIszGEanF9Npdi+8MMDAJQJP369Zfh808mhr//mBmOP/rL8OzTvwyQgQABxAIUN376CRg2wPQBsv0fyEBgJPwEsjmZGRmS9Dnfe6pwzGJiYrj45df/8uaTLPoHLn8D+oGFQVmck8FeifW3rSLjDVkBhlkgAwECiAXoev5PP0A2AsMJ6FxwmIFiFOhCR1m2X95qHJOB6upBSeo1A2MlqxAng4EMC4OLMguDrQLjf1HOv79+//3/io2Z6QgwOhgAAoiFEaiXFUj8ARoE8ub/f4zgMPr/h5FBkpv5G9CgY9AIlP7++z+/KT8wSViyMgATO8PWGz8YDt96z/n/92/nZh+JLjkhNjeAAGJhZ2a4J8rFCI6AP0ADQQpBYfj7zz+GG69/8/76y5HBxswISmOsylyMP+4BrZh//jvDzUe/Gd68/8n45tN/RmVhdmBQAcMHCAACiAmYlfaoCTG+42NlAQY2JGb/g5IH0OAj938yL772PeD9P4bNwESwYten/0orT39hOHr+E8MbYFpl/vOHgYuZlcFRjZdBkp95N8hAgAACZb2z6oIM23UlWKIfv2VkAMUiEzQ9/QJasPDIV4aTj3+LsnIxM9x9+Ivh9Ytf4HQI8sqPfywMwgKcDM6a7B/YWRjABgIEEMjAbzysDJOC1Vkdb79mkzoP9BMPKyMk1QOp38DYPnX5Bzh8WYC2sDCDgucfw9//zAxMbLwMIYZsDKayjNOAyq+A9AAEECzrnVLmZ8gpsOB6oSPJwfD6yz9gbvkPzrugrMfJBkzE7AwMzMAC4icwnX0HuoyNV4Ah2IiDIcmUaQcnC+NEWIkDEECMaOWhx8OP/9oWn/1ueOD2T4ZXn4AFAzARg0tDoGv/AVMAGxsbg7IUF4OvNitDiBbDej52xnyg7GOYAQABxIilgFUFJsn0m2/+Bpx5+k/5xiuga78DXQfMxCI8TAxqoiwMxlKMV1UE/y9kYmScC1T/DlkzQAAx4iixQWGrDMSmwHJCF+hLQVAccbAyvORgYrgMZF8C4nvYNAIEECOBKoBkABBgAA20FmCD7HCUAAAAAElFTkSuQmCC")!important;
-moz-image-region: rect(0px 0px 0px 0px) !important;
min-height:32px!important;
min-width:32px!important;
margin-right: 4px !important; margin-top: 2px !important;} 


#stop-button .toolbarbutton-icon {
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQANUAAMczNfRxdPRzdPNydPNzddgqL+AsNN8sM8cpMOY2PuU2PsUgK+UwOfJVYPRja/NjavNja/Nka8UYJ8YZKMUZJ8YgLPJUYMUTJfE/UvA/UfJIWPFIWNRldN+cqMpdSc5uXspXRspYRslYRtWIfMlQQ9ymoMlHPslHP8hHP8c9OeBhW/WBfcc9OuNST/WAfvSAfuPExP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADEALAAAAAAQABAAAAZ8wJhwSCwaj0eYZ1QceWBEWKgVYgpHohYIKiyRXCvSp/QhvcIl4ghFEKhMqkHgZCVyWBHIw/FIcZAACg0NFgkASDEIDBsaGgwISBwVGJSUC39FHBOUBRIFGBkUmEIdF6AXHB0cphkXHUMwFwaoQ6sHF1xCsaNCq7mIwMExQQA7")!important;
-moz-image-region: rect(0px 0px 0px 0px) !important;
min-height:32px!important;
min-width:32px!important;
margin-right: 4px !important;margin-top: 2px !important;}

Alles anzeigen

Mira_Belle

Zitat von 2002Andreas
Zitat von Mira_Belle

denn das Teilen der Buttons kann nur von einem JavaScript erfolgen.

Wie kommst du denn darauf
Geteilt wird er mit dem CSS Code Zeile 16 - 21 im Code aus Beitrag Nr. 20.
Alternativ damit:
CSS
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
  display: flex !important;
}

Warum zitierst Du nur die Hälfte?

Ich schrieb doch direkt darunter, wie ich darauf kam!

------------------------------------------------------------------------------------

Nachtrag!

Ist mir eben erst aufgefallen!

Diesen Teil Code also aus der userChrome.css kannte ich noch gar nicht!

Wenn ich diesen gesehen hätte, hätte vielleicht die Chance bestanden, dass mir mein Irrtum aufgefallen wäre.

OK, ich bin ehrlich, ich glaube selbst nicht daran.

-------------------------------------------------------------------------------------

Sorry, ich lag also mit meiner Annahmen total daneben, aber vielen Dank für die Aufklärung und die Hilfe.

So, lieber NoNameNeeded, ich hoffe, Du hast jetzt alles, was Du brauchst, um glücklich zu werden.

Gruß

Mira

PS:

Ist das mit der doppelten Raute eigentlich so richtig?

Und Zeile 23 stellt mich auch vor ein Rätsel.

2002Andreas

Zitat von Mira_Belle

Ich schrieb doch direkt darunter, wie ich darauf kam!

Du meinst das?

Zitat von Mira_Belle

Siehe dazu mal die Beiträge, wo z.B. neue Buttons eingefügt wurden.

Wenn ja, hier geht es aber nicht um neue Button, sondern um schon vorhandene.

Nur für neue Button bedarf es eines Scriptes.

.DeJaVu

Zitat von Mira_Belle

Stell doch einfach mal ALLEN Code hier ein!

Vorweg, genau das meinte ich neulich. Es werden immer nur die Teile präsentiert, die man als vermeintliche Ursache sieht, vielleicht nicht mal als Ganzes. Alle Scripte, alles CSS, mit einer Textdatei, wo was zu sein hat, als ZIP hier präsentiert. Es ist "nett" wenn du nach und nach Schnipsel einfügst, aber wie milupo schon richtig anmerkte, steht in jedem deiner Themen etwas, man muss sich durchklicken und suchen - und selbst dann hat man nicht alles. Und auch:

Code

Gut, hier also noch die userchrome.css:


CSS

@import "icons.css";
@import "tabs.css";
@import "statusbar.css";
@import "toolbars.css";
@import "urlbar.css";

Wo sind die? Allein "toolbars.css" impliziert, dass da noch mehr werkelt als nur die userChrome in dem Bereich.

Und wenn dir wieder zwei Leute schreiben, dass der Code/das CSS nicht in der Form funktioniert, spätestens dann sollte man nicht genervt sein, sondern man wirklich drüber nachdenken, warum immer wieder das gesamte Paket verlangt wird. Alles andere ist für dich nicht zielführend, und uns - oder auch mir - kann es dann egal sein.

Zur Sache Waterfox. Waterfox war ganz lange auf dem Stand Firefox 56 (Waterfox Classic), sind dann irgendwann Ende 2020 auf die 68esr umgestiegen, 78esr, 91esr: https://github.com/WaterfoxCo/Waterfox/releases

Mit der G4 wollen die weg von der ESR, hin zum Rapid-Release wie bei Firefox:

Blog | Waterfox

Blog

www.waterfox.net

Waterfox hat einige Modifikationen, die nicht alle mit Firefox zusammenarbeiten. Sei es Scripte, sei es CSS, das muss alles auf Firefox 57 angepasst werden. Und das ist auch die Kritik gewesen mit dem "Zirkus". Gerade die Script-Spezialisten hier sehen sofort, ob Scripte aktuell sind und ob es so funktioniert. Ähnlich bei Andreas und CSS, aber dazu muss alles vorhanden sein.

Zitat von Mira_Belle

ich hoffe, Du hast jetzt alles, was Du brauchst, um glücklich zu werden.

Das hoffe ich auch, ich muss hier jetzt nicht als vierter mitmachen wollen. Seit Firefox 8x schlagmichtot baue ich am Proton-Design und musste bislang in jeder zweiten Ausgabe irgendeine Kleinigkeit ändern. Neulich wieder zur v99-nightly. Ich nicht sagen, wie das alles unter Windows 7 aussieht, Windows 7 und damit auch dein WinServer haben eine ganz andere Designtechnik wie Windows 8/10/11. Und wenn man dann noch das olle Windows-2000-Thema einstellt und sich damit vermutlich noch den beschleunigten Desktop (dwm) entledigt, muss man sich nicht über Nebenwirkungen wundern.

Wegen "jetzt" Gestern, 16:35 (das war Dienstag), mit good will auch Montag, 21:56.

"Jetzt" ist bei mir jetzt, nicht gestern, nicht vorgestern, nicht letzte Woche.

jetzt

Definition, Rechtschreibung, Synonyme und Grammatik von 'jetzt' auf Duden online nachschlagen. Wörterbuch der deutschen Sprache.

www.duden.de

Zitat

bezeichnet einen mehr oder weniger eng begrenzten Zeitraum in der Gegenwart, in dem etwas eintritt, stattfindet o. Ä.; in diesem Moment, in diesem Augenblick

Zitat von 2002Andreas

Nur für neue Button bedarf es eines Scriptes.

Oder eine Erweiterung, ich nutze zB einen Strg+F5-Reload-Button. Der ist aus der damaligen Button-Collection ausgekoppelt worden von mir, signiert und seitdem wirksam. Getrennte Stop/Reload hatte ich zuletzt bis Australis, also Firefox 4 bis 40? Mit Australis abgeschafft, weil sinnfrei, ich kann eh nur einen nutzen, warum Platz verschwenden?

NoNameNeeded

Zitat von 2002Andreas
Zitat von Mira_Belle

denn das Teilen der Buttons kann nur von einem JavaScript erfolgen.

Wie kommst du denn darauf
Geteilt wird er mit dem CSS Code Zeile 16 - 21 im Code aus Beitrag Nr. 20.
Alternativ damit:
CSS
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
  display: flex !important;
}
Und dann muss das Icon nur noch gespiegelt werden, damit Stop links und Reload rechts ist.
CSS
#stop-reload-button {
  transform: scaleX(-1) !important;
}

#reload-button {
    transform: scaleX(-1) !important;
}
Alles anzeigen

Alles klar.

Hat geklappt.

Aber FAST ein bisschen zu gut, denn es wird jetzt auch der Schriftzug gespiegelt.

(wusste gar nicht, dass das überhaupt geht (und nein, der Schriftzug ist kein Teil des Bildes))

Kriegt man das vllt. auch noch irgendwie hin?

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Ich schrieb doch direkt darunter, wie ich darauf kam!

Du meinst das?

Zitat von Mira_Belle

Siehe dazu mal die Beiträge, wo z.B. neue Buttons eingefügt wurden.

Wenn ja, hier geht es aber nicht um neue Button, sondern um schon vorhandene.
Nur für neue Button bedarf es eines Scriptes.

Nun ja, da bin ich einem Irrglauben aufgesessen.

Ich dachte, der Originale würde per CSS ausgeblendet und die "neuen" per JavaScript erzeugt.

Aber der ganze Durcheinander ist ja wohl nur entstanden, weil NoNameNeeded eben NICHT von Anfang an

all seinen CODE, sei es seine CSS-Dateien oder seine JS-Dateien hier offen gelegt hat.

Ich bin mir absolut sicher, irgendjemand hätte sehr viel früher die Lösung präsentieren können.

Aber gut, es gibt eine Lösung und ich hoffe, NoNameNeeded nimmt diese Erfahrungen aus diesem Chaos mit

und präsentiert bei Problemen gleich von Anfang an den kompletten Code.

Ich werde mir bei all dem Durcheinander an die eigene Nase fassen und hoffen, dass ich nicht auch mal den

gleichen Fehler begehe, bisher ging es ja gut, aber bei den ganzen Anpassungen die ich mittlerweile habe,

könnte es mir durchaus auch so ergehen.

Also Obacht Mira.

Gruß

Mira

Zitat von NoNameNeeded

Alles klar.
Hat geklappt.
Aber FAST ein bisschen zu gut, denn es wird jetzt auch der Schriftzug gespiegelt.

(wusste gar nicht, dass das überhaupt geht (und nein, der Schriftzug ist kein Teil des Bildes))
Kriegt man das vllt. auch noch irgendwie hin?

Alles anzeigen

NoNameNeeded

Zitat von Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Ich schrieb doch direkt darunter, wie ich darauf kam!

Du meinst das?

Zitat von Mira_Belle

Siehe dazu mal die Beiträge, wo z.B. neue Buttons eingefügt wurden.

Wenn ja, hier geht es aber nicht um neue Button, sondern um schon vorhandene.
Nur für neue Button bedarf es eines Scriptes.

Nun ja, da bin ich einem Irrglauben aufgesessen.
Ich dachte, der Originale würde per CSS ausgeblendet und die "neuen" per JavaScript erzeugt.
Aber der ganze Durcheinander ist ja wohl nur entstanden, weil NoNameNeeded eben NICHT von Anfang an
all seinen CODE, sei es seine CSS-Dateien oder seine JS-Dateien hier offen gelegt hat.
Ich bin mir absolut sicher, irgendjemand hätte sehr viel früher die Lösung präsentieren können.
Aber gut, es gibt eine Lösung und ich hoffe, NoNameNeeded nimmt diese Erfahrungen aus diesem Chaos mit
und präsentiert bei Problemen gleich von Anfang an den kompletten Code.
Ich werde mir bei all dem Durcheinander an die eigene Nase fassen und hoffen, dass ich nicht auch mal den
gleichen Fehler begehe, bisher ging es ja gut, aber bei den ganzen Anpassungen die ich mittlerweile habe,
könnte es mir durchaus auch so ergehen.
Also Obacht Mira.
Gruß
Mira

Zitat von NoNameNeeded

Alles klar.
Hat geklappt.
Aber FAST ein bisschen zu gut, denn es wird jetzt auch der Schriftzug gespiegelt.

(wusste gar nicht, dass das überhaupt geht (und nein, der Schriftzug ist kein Teil des Bildes))
Kriegt man das vllt. auch noch irgendwie hin?

Alles anzeigen

Alles anzeigen

Ich habe bisher immer den Code zur Verfügung gestellt, wo es um Code ging (den ich auch hatte).

Nur hier nicht, weil ich angenommen hatte, dass diejenigen die das Problem lösen können wahrscheinlich sowieso wissen, mit welchem Code die Buttons getrennt werden (so wie es bei 2002Andreas dann auch der Fall war).

Das ist ein wirklich alter Hut, das gibt's schon lange.

Aber gut, jetzt ist es ja (fast) geklärt.

2002Andreas

Zitat von NoNameNeeded

jetzt auch der Schriftzug gespiegelt.

Den habe ich hier in keiner meiner Versionen.

Darum auf blauen Dunst, ändere mal zu diesem Code:

CSS

#stop-reload-button > image{
  transform: scaleX(-1) !important;
}

NoNameNeeded

Zitat von Mira_Belle

PS:
Ist das mit der doppelten Raute eigentlich so richtig?
Und Zeile 23 stellt mich auch vor ein Rätsel.

Ja, das ist meine wenig elegante Weise Code auszukommentieren.

Ich hätte auch "rem" schreiben können.

Wäre wahrscheinlich auch nicht die korrekte Weise gewesen.

Aber es funktioniert halt irgendwie und ich weiß ja was gemeint ist.

(auskommentiert habe ich das übrigens, weil ich diesen Code mal ausprobieren und dann nicht einfach wieder löschen wollte)

In Zeile 23 wollte ich erreichen, dass der Scrollbalken dem Windows-Design entspricht, hat aber nicht funktioniert.

Zitat von 2002Andreas
Zitat von NoNameNeeded

jetzt auch der Schriftzug gespiegelt.

Den habe ich hier in keiner meiner Versionen.
Darum auf blauen Dunst, ändere mal zu diesem Code:
CSS
#stop-reload-button > image{
  transform: scaleX(-1) !important;
}

Danke für deine Mühe, aber jetzt ist es wieder verkehrt.

Nur halt anders verkehrt...;)

P.S: Ich glaub' ich hab's jetzt.

Ich hab einfach zu dem anderen Code diese transform-Zeile hinzugefügt und jetzt geht's.

CSS

#reload-button {
  display: -moz-box !important;
}
#stop-button {
  display: -moz-box !important;
transform: scaleX(-1) !important;
}

#stop-reload-button {
  transform: scaleX(-1) !important;
}

#reload-button {
    transform: scaleX(-1) !important;
}

Alles anzeigen

Also danke für die Hilfe!

Dharkness

Zitat von 2002Andreas

Und dann muss das Icon nur noch gespiegelt werden, damit Stop links und Reload rechts ist.

Warum nicht damit ↓, da ist kein zusätzlicher Aufwand nötig?

CSS

#stop-button {
    -moz-box-ordinal-group: 0 !important;
}

2002Andreas

Zitat von Dharkness

da ist kein zusätzlicher Aufwand nötig?

Viele Wege führen nach Rom

Aber du hast recht, damit geht es noch einfacher