From 3a58f9cd2228cbd83feb00d636c97c4299fefd88 Mon Sep 17 00:00:00 2001
From: Martin Mares <mj@ucw.cz>
Date: Sun, 22 Mar 2020 15:52:36 +0100
Subject: [PATCH] App: Styling
---
app/templates/main.html | 17 +++++++++++++----
1 file changed, 13 insertions(+), 4 deletions(-)
diff --git a/app/templates/main.html b/app/templates/main.html
index 552babf..a671533 100644
--- a/app/templates/main.html
+++ b/app/templates/main.html
@@ -22,20 +22,28 @@
}
.meeting {
border: 1px solid blue;
- font-size: smaller;
background-color: #ccccff;
+ overflow: hidden;
}
.meeting:hover {
background-color: #aaaaff;
}
.collision {
border: 1px solid red;
- font-size: smaller;
background-color: #ffcccc;
}
.collision:hover {
background-color: #ffaaaa;
}
+ .mtime {
+ margin: 0;
+ font-size: smaller;
+ }
+ .mdesc {
+ margin: 0;
+ margin-top: 0.5ex;
+ font-size: 70%;
+ }
</style>
</head>
@@ -68,8 +76,9 @@
<div class=hour style='position: absolute; left: {{ h.x }}px; top: {{ h.y }}px; width: {{ h.w }}px; height: {{ h.h }}px;'></div>
{% endfor %}
{% for m in g.meetings %}
- <div class={{ "collision" if m.coll else "meeting" }} style='position: absolute; left: {{ m.x }}px; top: {{ m.y }}px; width: {{ m.w }}px; height: {{ m.h }}px;' title='{{ m.start + "–" + m.end + ": " + m.topic|e }}'>
- {{ m.start }} – {{ m.end }}
+ <div class='meeting{{ " collision" if m.coll else "" }}' style='position: absolute; left: {{ m.x }}px; top: {{ m.y }}px; width: {{ m.w }}px; height: {{ m.h }}px;' title='{{ m.start + "–" + m.end + ": " + m.topic|e }}'>
+ <p class=mtime>{{ m.start }}–{{ m.end }}
+ <p class=mdesc>{{ m.topic }}
</div>
{% endfor %}
</div>
--
GitLab