Elastic: Status bar for mail compose options on mobile

On mobile the mail composer options and attachments list is not visible from the main screen. To give the user a quick indication of most important options I created a status bar widget on the main screen.

In the future we can add some more icons, but for now there are the most important ones. The paper-clip icon indicates attached files. The other two indicate enabled Enigma’s sign and encrypt options. Clicking on any of them will move the user to Options and Attachments view.

compose-status-bar

Elastic: Contact data presentation

Contact data presentation, in read-only as well as in an editable form, is most complicated core feature of Roundcube. There are elements like photo, titles, fieldsets, groups and “composite” inputs. So, it took a while to implement for the new skin. Here’s the result.

The flow is similar to Larry’s, but I (and Bootstrap) added some improvements. Note that this is only about the structure. Colors, spacing and some sizes are subject to change.

contact-elastic

And mobile version.

contact-mobile

Elastic

It’s not a secret that I’m working on a new Roundcube theme. It’s supposed to provide a responsive interface for desktop, tables and phones. With help of Thomas Bruederli, who provided some early mockups and John Jackson, who provided some design ideas, and a few other helping hands, after nine months of work it’s starting to look close to what I’ve imagined.

Continue reading “Elastic”