Progressmeter-Fachfrage an die Fuchsschrauber!

loshombre

@Schrauberkameraden :wink: ,

Ich hab da ne Frage. Seit einiger Zeit suche ich die Fuchsdatei, die für den Progressmeter im Fuchs-Updatefenster/Popup zuständig ist. Hab so ziemlich alles 2-3 Mal durchgesucht, aber bis jetzt leider erfolglos. Weder im Fuchs selber noch im Theme kann ich sie finden!
Wenn euch was dazu einfallen sollte, könnt ihr mir gerne auf die Sprünge helfen. Würd mich freuen.

Bazon Bloch

...ich hab selber noch nichts gemacht mit Fortschrittsbalken, aber ist es nicht die global/progressmeter.css?

Dort werden immerhin 3 verschiedene Fortschrittsbalken definiert:

Code

/* ===== progressmeter.css ==============================================
  == Styles used by the XUL progressmeter element.
  ======================================================================= */


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/* ::::: progressmeter ::::: */


progressmeter {....}


.progress-bar {....}


/* ::::: statusbar progressmeter ::::: */


.progressmeter-statusbar {...}

Alles anzeigen

und die sind es nicht?

Gruß,
Bazon

AngelOfDarkness

Schau mal, ob dich dies hier weiter bringt :

http://www.firefox-browser.de/forum/viewtopic.php?p=23052#23052

http://www.deskmodder.de/phpBB2/viewtopic.php?t=2362

...:AOD:...

Bazon Bloch

...ansonsten gibt es noch was in global/tree.css:

Code

/* ::::: tree progress meter ::::: */


treechildren::-moz-tree-progressmeter {...}

...

loshombre

Danke schon mal Kameraden :wink: !

Und hier fangen die Probleme an! Daß in der tree.css was von progressmeter steht, wusst ich auch noch nicht. Bei mir aber was seltsames:

Code

list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");

Ich habe im ganzen Theme keinen progressmeter-Ordner und die *gif schon mal garnicht :-??
Die progressmeter.css ist natürlich die erste Hausnummer zum nachgucken, aber hast du da @Bazon eine einzige *gif und/oder *png entdeckt? Bei mir nix des Gleichen!
Den Progressmeter in der Statusbar steuere ich über den Chromeordner und die Chrome.css!
Die Deskmodder und unsere Adresse von dunkelen Kameraden AOD muss ich mir erstmal noch anschauen.

Bazon Bloch

Zitat von loshombre
Bei mir aber was seltsames:
Code
list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
Ich habe im ganzen Theme keinen progressmeter-Ordner und die *gif schon mal garnicht :-??
Die progressmeter.css ist natürlich die erste Hausnummer zum nachgucken, aber hast du da @Bazon eine einzige *gif und/oder *png entdeckt? Bei mir nix des Gleichen!

Erste Nachfrage: Steht bei Dir was wie

Code

-moz-appearance: progressbar;   oder
-moz-appearance: progresschunk;

?
Dann wäre die list-style-image Anweisung nämlich egal, dann holt sich das Theme den Fortschrittsbalken vom System-Visual-Style.

In SaFire z.B. ist das so (wie im Default-Theme), da gibt es dementsprechend auch keine proressmeter pngs und gifs.

Ein gutes Beispiel mit vielen Progressmeter Graphiken ist dagegen Charamel. Vielleicht findest Du darin ja was nützliches?

Gruß,
Bazon

loshombre

Richtig Kamerad!
In der progressmeter.css ham war folgendes:

Code

progressmeter {
  -moz-appearance: progressbar;

Code

.progress-bar
{
  -moz-appearance: progresschunk;

Die .progressmeter-statusbar ist frei und wird bei mir wie gesagt über die Chrome.css gesteuert. Außer dem wird hier noch der Progressmeter so eingebunden:

Code

progressmeter[mode="undetermined"] {
  -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
}

Greift also auf die Fuchsdatei! Also muss der Absatz hier schon mal weg, denk ich!? Ebenfalls die beiden hier:

Code

-moz-appearance: progressbar; 
-moz-appearance: progresschunk;

In der tree.css ham war folgendes:

Code

treechildren::-moz-tree-progressmeter {

und

Code

treechildren::-moz-tree-progressmeter(progressUndetermined) {
  list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
}

Entweder bin ich jetzt ganz bekloppt, oder versucht er hier auf ne *gif zuzugreifen, die garnicht vorhanden ist!

Kameraden, könnt ihr mir noch folgen :roll:

Dr. Evil

ich hab noch nie eine Fortschrittsanzeige in nem Tree gesehen :roll: Trees sind so Tabellen-artige Gebilde. about:config besteht zum Beispiel (fast) komplett aus einem Tree.

Bazon Bloch

also:

Die -moz-appearance Geschichten würde ich entweder im Theme entfernen oder per userChrome.css mit -moz-appearance: none !important; überschreiben, nur so hälst Du den Fuchs nämlich davon ab, auf den Systemstandard zuzrückzugreifen.

Das binding würde ich erstmal lassen, aber davon hat bird mehr Ahnung als ich...

und das:

Zitat von loshombre

versucht er hier auf ne *gif zuzugreifen, die garnicht vorhanden ist!

kommt schon mal vor, sind halt irgendwelche etwas unsaubere Altlasten, die vermutlich mal unbedacht durch copy & paste entstanden sind....

Gibt es schon irgendwelche Erfolge/Veränderungen?

Gruß,
Bazon

loshombre

Willkommen in der Schrauberrunde Doc :wink:

Naja, du kannst mir glauben! Ich hab den Progressmetercode in die tree.css nicht reingeschrieben. Meinst du also, wir sollten uns nur auf die progressmeter.css konzentrieren?

@Bazon,

Ich versuche erstmal den Überblick zu behalten :roll:

Bazon Bloch

Hast Du mal ein leicht reproduzierbares Beispiel, wo so ein Fortschrittsbalken auftaucht?
Und sag jetzt am besten nicht bei den Erweiterungsupdates, das habe ich heute mittag gerade zulezt gemacht....

Gruß,
Bazon

Dr. Evil

Zitat von loshombre

Willkommen in der Schrauberrunde Doc :wink:
Naja, du kannst mir glauben! Ich hab den Progressmetercode in die tree.css nicht reingeschrieben. Meinst du also, wir sollten uns nur auf die progressmeter.css konzentrieren?

Genau. Man kann es naürlich vorsichtshalber auf den Standardwerten lassen, aber ich halte es für sehr unwarscheinlich, dass du jemals auf eine in einen Tree eingebaute Fortschrittsanzeige stößt.

loshombre

Ich will dich nicht enttäuschen mein Freund, aber genau den meine ich :wink: . Das einfachste ist da wohl die Statusbar:

CSS

#statusbar-icon > .progress-bar {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}

Ich werde jetzt versuchen auch über den Chrome.css-Weg zu gehen. Erstmal muss ich herausfinden, welche Codes fürs Erweiterungs-Update-Progressmeter und den Ladebalken von ForecastFox, wenn er(bei mir in der Menübar)die Wetterdaten neu lädt.

Bazon Bloch

Dann probier doch mal einfach

CSS

.progress-bar {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}

, dann ist das nicht auf die Statusbar beschränkt. Wäre nur dann nicht möglich, wenn diese spezielle Statusbar irgendwo anders auch nach dem Motto #ID .progress-bar {} definiert wäre, das würde von dem Code oben nämlich nicht überschrieben.

Gruß,
Bazon

Bazon Bloch

Zitat von Bazon Bloch
Dann probier doch mal einfach
CSS
.progress-bar {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}

Soeben getestet: Funktioniert bei mir, auch bei den Erweiterungen:
Bei Linky klappt das Update nämlich nicht, wie ich gerde gemerkt habe, da kann ich das Update immer wieder abrufen und somit gut testen, was für ein Glück!

Als Progressmeter nahm ich das von Silvermel: [Blockierte Grafik: http://img264.imageshack.us/img264/1989/progressmeterbusy7iu.gif], das ist sehr schick IMHO...:wink:

Gruß,
Bazon

loshombre

@Bazon Kamerad,

während du das geschrieben hast, hab ich in der progressmeter und Chrome.css rumgewühl. Vorläufiges Ergebnis:

CSS

.progressmeter {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}


.progress-bar {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}

Damit klappts schon wunderbar und es deckt alle Progressmeter, die den Fuchs zur Verfügung stehen(incl. ForecastFox). Sieht schon mal geil aus. Nur da mir das jetzt den einzelnden Statusbarcode überschreibt, ist die Ladebalkengröße in der Statusbar irgend wie auseinander gefallen. Um einiges breiter als vorher. Mal gucken, ob man da was mit margin/padding machen kann.

Tue mal gleich ein Screenshot rein, da kann mans gut sehen.

Jaaa, die "birdgif" kenn ich :wink: . Hoffentlich verzeiht mir unserer Meisterschrauber, aber ich hab da noch was schickeres gefunden :wink:

Ach noch was! Nach dem ich auch TMP mal etwas umgeschraubt habe, sieht das jetzt auch cool aus, wenn ein neuer Tab geladen wird.

Bazon Bloch

Zitat von loshombre
@Bazon Kamerad,
während du das geschrieben hast, hab ich in der progressmeter und Chrome.css rumgewühl. Vorläufiges Ergebnis:
CSS
.progressmeter {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}


.progress-bar {
-moz-appearance: none !important;
background-image: url(progressmeter-busy.gif) !important;
}

Jo, ist ja quasi identisch...8)

Zitat von loshombre

Ach noch was! Nach dem ich auch TMP mal etwas umgeschraubt habe, sieht das jetzt auch cool aus, wenn ein neuer Tab geladen wird.

Ja, laß sehen, was denn? :wink:

Gruß,
Bazon

loshombre

Ok! Ist geschafft!
Die Backroundprogress von TMP hab ich weiß gestellt und die neue Progress läuft jetzt drüber und dreht sich noch dabei(wie überall auch): [Blockierte Grafik: http://img443.imageshack.us/img443/2224/zwischenablage015zy.jpg]

Die Statusbar: [Blockierte Grafik: http://img443.imageshack.us/img443/820/zwischenablage024yo.jpg]

Erweiterunsupdate: [Blockierte Grafik: http://img443.imageshack.us/img443/1134/zwischenablage030kh.jpg] Die Ladeanzeige der neuen Wetterdaten von ForecastFox in der Menübar sieht genau so aus. Bei der Gelegenheit hab ich den letzten hässlichen Throbber rausgeschmiessen und durch einen schöneren ersetzt. Somit sinds jetzt bei mir 5 verschiedene Throbber am werkeln :wink:
Das erste Laden von ForecastFox nach dem Fuchsstart: [Blockierte Grafik: http://img385.imageshack.us/img385/6830/zwischenablage047xq.jpg]

loshombre

Kleiner Nachtrag:

Sieht IMHO schöner aus und man kann vor allem die Schrift besser erkennen und somit lesen: [Blockierte Grafik: http://img486.imageshack.us/img486/1209/zwischenablage050ta.jpg] Hab den gesammten Tabhintergrund dunkeler gestellt, TMP-Progresshintergrund weiß, Progressmeter. gif drüber und die weiße Schrift, beim ladenden Tab, oben drauf.

[Edit]: Natürlich möchte ich mich bei meinen geschätzten Schrauberkameraden herzlichst für eure Unterstützung bedanken :klasse:

Bazon Bloch

Hej, loshombre!

Gruß,
Bazon