|
|
|
|
Roundcube Webmail Skin "Elastic"
|
|
|
|
|
================================
|
|
|
|
|
|
|
|
|
|
This skin package contains a theme for the Roundcube Webmail
|
|
|
|
|
software. It can be used, modified and redistributed according to
|
|
|
|
|
the terms described in the LICENSE section.
|
|
|
|
|
|
|
|
|
|
For information about building or modifiying Roundcube skins please visit
|
|
|
|
|
https://github.com/roundcube/roundcubemail/wiki/Skins
|
|
|
|
|
|
|
|
|
|
LICENSE
|
|
|
|
|
-------
|
|
|
|
|
The contents of this folder are subject to the Creative Commons
|
|
|
|
|
Attribution-ShareAlike License. It is allowed to copy, distribute,
|
|
|
|
|
transmit and to adapt the work by keeping credits to the original
|
|
|
|
|
authors in the README file.
|
|
|
|
|
See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
|
|
|
|
|
|
|
|
PROJECT GOALS
|
|
|
|
|
-------------
|
|
|
|
|
Create a user interface that is clean and usable with any screen size.
|
|
|
|
|
Use new technologies like e.g. flexbox, @media, font-icons or less.
|
|
|
|
|
Cleanup css/html and unify as much as possible.
|
|
|
|
|
|
|
|
|
|
------------------------------------------------------------------
|
|
|
|
|
WARNING: In current state we're focusing on main layout and logic!
|
|
|
|
|
------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
INSTALLATION:
|
|
|
|
|
-------------
|
|
|
|
|
1. Clone git-master roundcube/roundcubemail
|
|
|
|
|
2. Switch to branch dev-elastic
|
|
|
|
|
3. Goto /skins
|
|
|
|
|
4. git clone https://github.com/roundcube/elastic.git
|
|
|
|
|
5. Before use disable all plugins (we're not there yet)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
RULES:
|
|
|
|
|
------
|
|
|
|
|
- Minimum supported screen width is 240px (note that even if the device screen
|
|
|
|
|
resolution is e.g.320x372 changing the text size in settings will reduce the size)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
IDEAS/TODOs:
|
|
|
|
|
------------
|
|
|
|
|
- Planned use of a css framework, e.g. semantic-ui, bootstrap (to be decided)
|
|
|
|
|
- build custom semantic-ui style/js, we don't really want 800kB (already minified) file
|
|
|
|
|
- use semantic-ui/loader when loading content to content-frames (on phones only)?
|
