Event schedule

This commit is contained in:
Magnus Åhall 2024-04-17 18:43:24 +02:00
parent d186489f28
commit 3b8c6432b6
7 changed files with 210 additions and 64 deletions

View file

@ -617,7 +617,7 @@ header {
}
/* ============================================================= */
#file-section {
#schedule-section {
grid-area: files;
justify-self: center;
width: calc(100% - 32px);
@ -627,6 +627,25 @@ header {
border-radius: 8px;
margin-top: 32px;
margin-bottom: 32px;
color: #000;
.header {
font-weight: bold;
color: #000;
margin-bottom: 16px;
}
}
#file-section {
grid-area: schedule;
justify-self: center;
width: calc(100% - 32px);
max-width: 900px;
padding: 32px;
background: #f5f5f5;
border-radius: 8px;
margin-top: 32px;
margin-bottom: 16px;
.header {
font-weight: bold;
@ -751,6 +770,7 @@ header {
"tree name"
"tree content"
"tree checklist"
"tree schedule"
"tree files"
"tree blank"
;
@ -762,6 +782,7 @@ header {
min-content /* name */
min-content /* content */
min-content /* checklist */
min-content /* schedule */
min-content /* files */
1fr; /* blank */
color: #fff;
@ -795,6 +816,7 @@ header {
"name"
"content"
"checklist"
"schedule"
"files"
"blank"
;
@ -806,6 +828,7 @@ header {
min-content /* name */
min-content /* content */
min-content /* checklist */
min-content /* schedule */
min-content /* files */
1fr; /* blank */
#tree { display: none }
@ -869,6 +892,19 @@ header {
}
}
#schedule-events {
display: grid;
grid-template-columns: repeat(5, min-content);
grid-gap: 4px 12px;
margin: 32px;
color: #000;
white-space: nowrap;
.header {
font-weight: bold;
}
}
@media only screen and (max-width: 932px) {
#app.node {
.layout-crumbs();