Roundcube Community Forum

 

Elastic Extensions: elastic-g-plus (Compact Menu & Date Header) & elastic-header

Started by rjbrenesf, Today at 11:32:18 AM

Previous topic - Next topic

rjbrenesf

Hi Roundcube Community!

We want to share two custom enhancements designed for the standard **Elastic** skin. These modifications optimize screen space and modernize the layout for desktop users.

Both projects are a collaborative effort between **wd4u** and **Gemini**. Here are the details of what each extension does:

---

### 1. elastic-g-plus
This modification reworks the desktop interface to maximize your workspace by streamlining navigation.
* **Streamlined Menu:** Replaces the full default text-heavy menu blocks with clean, compact icons in the header.
* **Header Enhancements:** Adds a clean logo and the current date directly to the header area.
* **Desktop Only:** Designed specifically for desktop viewports, leaving mobile layouts untouched.

### 2. elastic-header
This skin modification relocates the navigation menus directly into the main top header and removes the default sidebar/column entirely.
* **Maximized Workspace:** Eliminates the default side menu column, giving your emails and application data significantly more horizontal screen space.
* **Modern Top Navigation:** Places all main navigation links and utility icons neatly in the top header bar.Elastic Extensions: elastic-g-plus & elastic-header

rjbrenesf

Quote from: rjbrenesf on Today at 11:32:18 AMHi Roundcube Community!

We want to share two custom enhancements designed for the standard **Elastic** skin. These modifications optimize screen space and modernize the layout for desktop users.

Both projects are a collaborative effort between **wd4u** and **Gemini**. Here are the details of what each extension does:

---

### 1. elastic-g-plus
This modification reworks the desktop interface to maximize your workspace by streamlining navigation.
* **Streamlined Menu:** Replaces the full default text-heavy menu blocks with clean, compact icons in the header.
* **Header Enhancements:** Adds a clean logo and the current date directly to the header area.
* **Desktop Only:** Designed specifically for desktop viewports, leaving mobile layouts untouched.

### 2. elastic-header
This skin modification relocates the navigation menus directly into the main top header and removes the default sidebar/column entirely.
* **Maximized Workspace:** Eliminates the default side menu column, giving your emails and application data significantly more horizontal screen space.
* **Modern Top Navigation:** Places all main navigation links and utility icons neatly in the top header bar.Elastic Extensions: elastic-g-plus & elastic-header