Synnefo

Κωνσταντίνε, σου είναι εύκολο να ανεβάσεις την πρώτη μακέτα σε svg ώστε να πάρω κάποια στοιχεία που θα χρειαστώ(εικονίδια, backgrounds κτλ) και να μπορέσω αν χρειαστεί μέσα στο σ/κ να τα επεξεργαστώ;

Κωνσταντίντε, για κάποιο λόγο σοτ svg αυτό λείπουν κάποια πράγματα. Θα χρειαστώ σίγουρα το εικονίδιο του machines και το μεγάλο σχέδιο του background που είναι κάτω δεξιά και "ρέει" ανάμεσα στη μεσαία και την τελευταία γραμμή.

Εννοείται προχωράς και στα networks και στο list view
Τα networks γίνονται ακριβώς όπως και το standard view. Δηλαδή ίδια μπάρα πάνω πάνω δύο λευκά panes στο πάνω μπαίνει το internet στο κάτω τα private networks. Το list view είναι ένα λευκό pane που έχει όλα τα μηχανήματα (και stopped και running),
ακριβώς όπως και στο παλιό design. Απλά αλλάζει το κουμπί create new για να είναι ίδιο με το standard view.

Kάποιες πρώτες παρατηρήσεις που βλέπω:

1. Το πάνω λευκό pane δεν πρέπει να είναι κολλημένο στη μπλε μπάρα του menu. Πρέπει να αφήνει απόσταση (Ίση με την απόσταση που αφήνουν τα δύο λευκά panes όταν υπάρχουν stopped μηχανήματα)
2. Tα confirmation boxes δεν πρέπει να είναι γκρι αλλά ίδιο χρώμα με το hoverbox. Τα κουμπιά "Cancel" να έχουν border ίδιο χρώμα με τη μπάρα του μενού (και να γεμίζουν με αυτό το χρώμα κατά το hover)
3. To κουμπί για standard/list/single view να έρθει και αυτό στη σωστή παλέττα μπλε.

Όσον αφορά στο wizard:
1. Τα Image/Flavor/Name να γίνονται λευκά και όχι μπλε όταν βρισκόμαστε στο αντίστοιχο step.
2. Το χρώμα του hover στα μπλε κουτιά "Cancel/Back/Next" να είναι το χρώμα του επιλεγμένου κουτιού "system images"
3. To επιλεγμένο image στη λίστα του step 1 να γίνεται ίδιο χρώμα με το hoverbox και να μην αλλάζει σε γκρι.

Όσον αφορά στη μπάρα του menu:
1. Κατά το hover πάνω από τις επιλογές (τις μη active):
a. H μπάρα στο σημείο της επιλογής γίνεται ίδιο χρώμα με το backround (σαν να χάνεται το τετραγωνάκι πάνω από το οποίο γίνεται το hover
b. Ταυτόχρονα αλλάζει το λεκτικό στην αντίστοιχη επιλογή πάνω από την οποία έγινε το hover αλλά οχι λευκό. Μπλε σκούρο σαν την πάνω πάνω μπάρα του header. Λευκό γίνεται αν πατηθεί τελικά η επιλογή, έτσι ώστε τα λευκά γράμματα να δηλώνουν το active tab
2. Κατά το hover πάνω από την active επιλογή δεν γίνεται τπτ.
3. Τα εικονίδια δεν επηρεάζονται είτε είναι active είτε δεν είναι.

οκ ολα όσα έκανες update.

Τα private networks είναι solid. Και το button "Create New +" να γίνει ακριβώς ίδιο με το machines (μαύρο font). Aν μπορεί να μην κάνει καν reload το button ακόμα καλύτερα.

Στο β2 εννοώ: να αυξηθεί η απόσταση μεταξύ του μηνύματος (Couldn't blah blah..) και από την διαχωριστική γραμμή του τίτλου και από τα action/errorcode/details που είναι από κάτω. Δηλαδή να ξεχωρίζει:
1. τιτλος (Something has gone...)
2. error message (Couldn't...)
3. ola ta kitrina mazi (action/errorcode/details)

Επίσης κάτι που παρατήρησα με το παλιό layout του wizard που συμβαίνει όμως και στον καινούριο:
Όπως θα δεις εδώ:

δεν γίνεται σωστό wrapping του description όταν αυτό είναι μεγάλο.
Δεν πειράζει τα Images να έχουν διαφορετικό υψος στη λίστα, αλλά θα πρέπει το wrapping του description να γίνεται σωστά. Η δευτερη (τριτη/τεταρτη) γραμμή πρέπει να ξεκινάει εκεί που ξεκινάει και η πρώτη και όχι κάτω από το radio button.

Επίσης:
Στα confirmation boxes τα buttons "Confirm/Cancel" δεν πρέπει να έχουν γκρι fill (αυτό πρέπει να έχει ξεμείνει από πριν). Το fill πρέπει να είναι ίδιο χρώμα με το hoverbox, ώστε να φαίνεται μόνο το border του button

Εδώ πρέπει να μαστε οκ σε όλα εκτός από το background.

Γενικά είμαστε οκ. Παρατηρήσεις:

a.wizard:
1.To wrapping συνεχίζει να μην είναι σωστό. Μπορεί εγώ να μην το εξήγησα σωστά. Όταν είπα να ξεκινά από την αρχή της γραμμής δεν εννοούσα κάτω από το radio button. Αρχή της γραμμής εννοώ την αρχή του name του image. Κάτω από το radio button και το εικονίδιο ΔΕΝ πρέπει να υπάρχει κείμενο. Το wrapping θα γίνεται left aligned από εκεί που ξεκινά και το ονομα του image.
2.To progress gif να γίνει σε τόνους του πορτοκαλί.

β.error box:
Οι αποστάσεις και τα fonts είναι σωστά.
1.Μέσα στο expanded box του details πρέπει να φαίνεται το περιεχόμενο του πεδίου details (αυτή τη στιγμή το traceback δηλαδή)

γ.passwd box: OK

δ.networks tab:
1.Όταν δεν υπάρχουν private networks να μην φαίνεται το δεύτερο pane, αλλά μόνο το πρώτο.

ε.Η "Confirm all" μπάρα που βγαίνει κάτω κάτω να έχει χρώμα το σκούρο μπλε του πάνω πάνω header και μέγεθος ίσο με τη menu bar. Επίσης να αφήνει απόσταση ίση με αυτή που αφήνει η menu bar από το πρώτο pane. Η "Confirmation all" μπάρα βγαίνει κάτω από το τελευταίο pane και μένει κολλημένη στο κάτω μέρος του visible όταν ο χρήστης αρχίσει να scrollarei (όπως ήταν και πριν δηλαδή)

στ.Επίσης βλέπω ότι και στο passwd box και στο error box άλλαξε χρώμα η λεπτή οριζόντια γραμμή που χωρίζει τον τίτλο από το περιέχομενο του παραθύρου (πορτοκαλίζει). Ας γίνει όπως ήταν πριν (αχνο μπλε).

Οκ και τα backgrounds.

Στο a1 πειράζοντας μέσω firebug το description, το wrapping μου γίνεται σωστά σε firefox 4,ubuntu. Θα δοκιμάσω να αλλάξω κάπως τo description των images να δω αν αλλάζει κάτι.

Στο b1 πάλι σε firefox, ubuntu όταν πατάω στο Details γίνεται expand από κάτω του και μέσα έχει το περιεχόμενο του traceback. Στο δικό σου έχει διαφορετική συμπεριφορά;

To background είναι πολύ ωραίο αλλά βγαίνει μες τη μέση. Το footer μαζί με το γραφικό πρέπει να κολλάει στο κάτω μέρος της σελίδας.

Το wrapping συνεχίζει να είναι λάθος σε μένα (firefox4 + opera11 σε debian 6.0.1). Η περιγραφή πρέπει να ξεκινάει ακριβώς κάτω από το όνομα (όπως σωστά κάνει στο παραπάνω attachment, αλλά και οι υπόλοιπες γραμμές (2+) να ξεκινάνε από κει).

Οκ το details, απλά όταν δεν υπάρχουν details (π.χ. στο 502) πρέπει να βγάζει μέσα το expanded box "Νο advanced details provided" μεταφράσιμο.

Επίσης βλέπω ότι το wizard ξεκινάει πολλές φορές χωρίς να μαυρίσει το background

Κωνσταντίνε, εμένα μου παίζει και στον opera σωστά. Κάνω attach και ένα screenshot από opera, για να είμαστε βέβαιοι οτι μιλάμε για το ίδιο πράγμα.

Δοκίμασε κι εσύ ένα shift+refresh μήπως έχει κασάρει κάποιο css.

To positioning είναι οκ.
Συνεχίζω να έχω το ίδιο πρόβλημα wrapping και σε firefox4 και σε opera 11.11 σε debian, αλλά και σε safari και chrome σε Mac OS Snow Leopard.
Το wrapping πρέπει να γίνεται ακριβώς όπως φαίνεται στο δικό σου screenshot, αλλά δυστυχώς σε όλα τα παραπάνω που σου γράφω γίνεται λάθος όπως φαίνεται στο δικό μου screenshot :(

Επίσης το "cancel" στο πρώτο step του wizard είναι στο χρώμα του hover και όχι στο χρώμα του "next"

Κωνσταντίνε, ξαναδοκίμασε μία τώρα μετά το commit:1afb8150

Τώρα είμαστε οκ με το wrapping!

Δες μόνο το χρώμα του cancel στο wizard και βλέπω ότι πάλι εμφανίστηκε το παλιό πρόβλημα που τα buttons στα step 2 και 3 είναι ελάχιστα πιο ψηλά από τα buttons στο step 1.

Δες τα λίγο για να το κλείσουμε επιτέλους αυτό το ticket :)

πρέπει να ναι οκ και αυτά.

Δεν βλέπω να υπάρχει άλλο πρόβλημα, το κλείνω