app/frontend/controls/styles/CalendarGrid.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

div.gridWeek {
    clear: both;
    display: flex;
    flex-flow: row nowrap;
}
div.gridDay {
    width: 14%;
    min-height: 8em;
    flex: 1 1 auto;
}
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; }