From 85b8b9977957f7da7ce4011f0ea10dfef1ad492a Mon Sep 17 00:00:00 2001
From: emkael <emkael@tlen.pl>
Date: Thu, 16 Jun 2016 02:37:51 +0200
Subject:  * controls for rendering grouped grid view

---
 app/frontend/controls/styles/CalendarGrid.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

(limited to 'app/frontend/controls/styles/CalendarGrid.css')

diff --git a/app/frontend/controls/styles/CalendarGrid.css b/app/frontend/controls/styles/CalendarGrid.css
index 4710993..0656200 100644
--- a/app/frontend/controls/styles/CalendarGrid.css
+++ b/app/frontend/controls/styles/CalendarGrid.css
@@ -8,9 +8,31 @@ div.gridDay {
     min-height: 8em;
     flex: 1 1 auto;
 }
-div.gridEvent, div.gridItem { height: 1.5em; padding: 0.3em 0.5em; margin: 0.1em 0; }
-div.gridEvent { overflow: hidden; white-space: nowrap; background: #ddd }
+div.gridEvent,
+div.gridItem,
+div.gridGroup {
+    height: 1.5em;
+    padding: 0.3em 0.5em;
+    margin: 0.1em 0;
+}
+div.gridGroup,
+div.gridEvent {
+    overflow: hidden;
+    white-space: nowrap;
+    background: #ddd;
+}
 div.gridEvent.beginDate { border-top-left-radius: 1.5em;
                           border-bottom-left-radius: 1.5em }
 div.gridEvent.endDate { border-top-right-radius: 1.5em;
                         border-bottom-right-radius: 1.5em }
+
+div.gridGroupElements {
+    position: absolute;
+    width: 13%;
+    background: #eee;
+    white-space: normal;
+    display: none;
+    cursor: auto;
+}
+div.gridGroup { cursor: pointer }
+div.gridGroup:hover div.gridGroupElements { display: block; }
-- 
cgit v1.2.3