Nowadays, when every major web browser supports dark mode and most people use mobile devices, every application has to have a dark mode. Roundcube 1.5 will have it too.
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.
Elastic: Improved mail composer
It has been noticed in the early usability tests of the new Elastic skin that mail composing page is not very user friendly. We noted quite a lot of different issues there. I started working on these and this includes quite a significant change to the page layout.
Elastic: HTML editor
The last big part of the Roundcube user interface not yet ported to Elastic was the HTML editor. And it was left untouched for so long for a reason. Read more to find out why and what I achieved throughout the last week.
Elastic: Pretty selects and design updates
Short information about progress in Elastic skin and some news from the UX/design field.
Continue reading “Elastic: Pretty selects and design updates”
Elastic: Image tools and more bugfixes
Here’s a short review of recent changes in the Elastic skin. I ported the code to the first stable release of Bootstrap 4 and fixed some bugs. There’s also a new Roundcube feature.
Elastic: Kolab Notes
Last few weeks I was working on porting Kolab Notes plugin to Elastic. I wanted to see how it goes with some more serious chunk of our code base before I put my hands on Calendar, Tasks or Files. It was reasonably smooth, see the result…
Elastic: FA5, context menu and other stuff
FontAwesome 5.0 has been released recently. It provides icons that are more unified (and imho, slightly prettier) than the old version we used. So, I updated immediately. Also we have some other new stuff…
Continue reading “Elastic: FA5, context menu and other stuff”
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.
And mobile version.
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.