Synnefo

Έχουν ανέβει τα καινούρια με ελάχιστες διαφορές:

step 1: (https://code.grnet.gr/attachments/download/179/web_layout_0.1.1-wizard-1.png)

a. O τίτλος γίνεται bold italic πορτοκαλί και στοιχίζεται ακριβώς κάτω από το "1".
b. το scrollable pane κολλάει στη μπάρα "system/your images" και δεν αφήνει κενό.
c. μπαίνει ένα μικρό βέλος (όχι ascii) δίπλα στο "next" χρώματος ίδιο με το system images button και κατά το hover γίνεται λευκό. To κουμπί συνεχίζει να έχει το hover που είχε πριν.

step 2: (https://code.grnet.gr/attachments/download/181/web_layout_0.1.1-wizard-2.png)

a. O τίτλος γίνεται bold italic πορτοκαλί και στοιχίζεται ακριβώς κάτω από το "1".
b. το pane με τα cpus/ram/size κολλάει στην πάνω μπάρα "small/medium/..".
c. μπαίνουν βέλη και στο "back" και στο "next" και συμπεριφέρονται όπως και στο 1c
d. γίνεται "0" το cost/per hour μέσα στο κουτί και γίνεται μπλε χρώματος όπως και το border του κουτιού.
e. το "1 Image" γίνεται ένα πιο light χρώμα (hex 64a6c4) και προστίθεται ένα "tick" στο τέλος του.

step 3: (https://code.grnet.gr/attachments/download/183/web_layout_0.1.1-wizard-3.png)

a. O τίτλος γίνεται bold italic πορτοκαλί και στοιχίζεται ακριβώς κάτω από το "1".
b. το "2 Flavor" γίνεται ίδιο με το 2e.
c. μπαίνει βέλος στο "back" με συμπεριφορά ίδια με του 1c.

Τα περισσότερα έγιναν στο 504981ba

Έχουν μείνει τα:
1c,2c,3c για τα οποία χρειάζομαι το αντίστοιχο βέλος σε svg για να φτιάξω τα back, forward και τα hover τους
2e,3b για τα οποία χρειάζομαι επίσης το αντίστοιχο check για τους ίδιους λόγους. Για τα 2e, 3b επίσης θα χρειαστούν παραπάνω από μικρές αισθητικές αλλαγές, καθώς εισάγεται η λογική των completed steps (και όχι μόνο των active).

Εδώ, στα layers που αφορούν στον Wizard υπάρχει ότι χρειάζεσαι:
https://code.grnet.gr/attachments/download/201/web_layout_0.1.1.svg.tar.gz

Λογική για completed steps δεν χρειάζεται να μπει και δεν θα μπει προς το παρόν, από τη στιγμή που υπάρχουν default τιμές για κάθε βήμα και έλεγχος κενού name στο τέλος. Άρα απλά μπαίνουν τα tick σε όλα τα προηγούμενα βήματα κάθε φορά και σβήνονται τα αντίστοιχα όταν ο χρήστης κάνει back

Έγιναν και αυτά που είχαν μείνει

Κατέβασε λίγο πιο κάτω τα βέλη στα κουμπιά για να στοιχιστούν σωστά με τη λέξη. Επίσης στον τίτλο πρέπει τα γράμματα να έρθουν πιο κοντά στα νούμερα και τα "tick" πιο κοντά στα γράμματα. Τα νούμερα να μείνουν ακριβώς εκεί που είναι

Οκ, έγιναν και τα παραπάνω.

Πως είναι οκ εδώ τα πράγματα; Βλέπω ότι έχουν σπάσει πάρα πολλά:

1. Οι επικεφαλίδες "1/2/.." έχουν φύγει τελείως εκτός του μπλε πλαισίου (προς τα κάτω).
2. Τα βελάκια παραμένουν ψηλά
3. Τα κουτιά τωv selected "system/custom images" έχουν μεγαλώσει και φεύγουν έξω από τη μπάρα
4. Τα input boxes στο step 2 μίκρυναν και κόβονται τα νούμερα μέσα.
5. Η λεπτά μπάρα κάτω από τον πορτοκαλί τίτλο δεν στο step 1 απέχει λιγότερο από την επόμενη μπάρα απότι στα υπόλοιπα βήματα

ok, closed