Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/calendar.css @ 358:271b38ccd217

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (calendar): calendar and its daily view, first draft
author Goffi <goffi@goffi.org>
date Thu, 30 Mar 2023 17:06:02 +0200
parents
children
comparison
equal deleted inserted replaced
357:6c21a9857e08 358:271b38ccd217
1
2 .time-and-events {
3 position: relative;
4 width: 100%;
5 }
6
7 .hour-row,
8 .half-hour-row {
9 position: relative;
10 }
11
12 .half-hour-row .time-text {
13 font-weight: lighter;
14 }
15
16 .time-row {
17 display: flex;
18 align-items: center;
19 height: 30px;
20 }
21
22 .time-text {
23 margin-right: 5px;
24 }
25
26 .line {
27 flex-grow: 1;
28 height: 1px;
29 background-color: black;
30 }
31
32 .half-hour-row .line {
33 background-color: #D3D3D3;
34 }
35
36 .event-box {
37 position: absolute;
38 left: 3em;
39 right: 0;
40 max-width: 800px;
41 z-index: 2;
42 padding: 0.25em;
43 border-radius: 0.25em;
44 overflow-y: auto;
45 background-color: #ADD8E6;
46 border: 1px solid #00008B;
47 }
48
49 .event-name {
50 font-weight: bold;
51 }
52
53 .event-box.is-conflicting {
54 background-color: red;
55 }
56
57 .event-box.already-started {
58 border-top: 1px dotted;
59 }
60
61 .event-box.not-finished {
62 border-bottom: 1px dotted;
63 }
64
65 #current-time-line {
66 position: absolute;
67 left: 0;
68 right: 0;
69 height: 1px;
70 background-color: red;
71 z-index: 3;
72 }