magnus/silverbullet
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed december in calendar and modernized CSS

Browse source
This commit is contained in:
Magnus Åhall 2025-11-06 19:38:03 +01:00
parent e08667ef11
commit 6cdb1c9bd8
1 changed files with 71 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

57
Library/Widgets/Calendar.md
View file

@ -18,7 +18,7 @@ function generate_calendar(calendarID, year, month)
year = (wantedMonth - (wantedMonth % 12)) / 12 year = (wantedMonth - (wantedMonth % 12)) / 12
month = wantedMonth % 12 month = wantedMonth % 12
if month == 0 then if month == 0 then
month = 1 month = 12
end end
end end
@ -73,12 +73,12 @@ function generate_calendar(calendarID, year, month)
for _, e in pairs(events) do for _, e in pairs(events) do
local datematch = e.at.match( local datematch = e.at.match(
string.format("^%d-%02d-%02d( +[0-9]+:[0-9]+)?", year, month, day)) string.format("^%d-%02d-%02d( +[0-9]+:[0-9]+)?", year, month, day))
if #datematch >= 2 and not datematch[2] then if datematch and #datematch >= 2 and not datematch[2] then
cellcontent = cellcontent .. string.format( cellcontent = cellcontent .. string.format(
[[<a href="%s"><div class="event all-day">%s</div></a>]], [[<a href="%s"><div class="event all-day">%s</div></a>]],
e.ref, e.name e.ref, e.name
) )
elseif #datematch >= 2 and datematch[2] then elseif datematch and #datematch >= 2 and datematch[2] then
cellcontent = cellcontent .. string.format( cellcontent = cellcontent .. string.format(
[[ [[
<a href="%s"> <a href="%s">
@ -166,52 +166,49 @@ end
```space-style ```space-style
.calendartable { .calendartable {
border-collapse: collapse; border-collapse: collapse;
/* width: 500px; */
}
.calendartable table { table {
border-color: var(--panel-border-color); border-color: var(--panel-border-color);
border: 2px solid #444; border: 2px solid #444;
border-collapse: collapse; border-collapse: collapse;
}
.calendartable th { th {
width: 14%; width: 14%;
padding: 3px; padding: 3px;
text-align: left; text-align: left;
background-color: var(--panel-background-color); background-color: var(--panel-background-color);
color: #852624; color: #852624;
border: 1px solid #aaa; border: 1px solid #aaa;
} }
td {
.calendartable td {
width: 14%; width: 14%;
padding: 3px; padding: 3px;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
border: 1px solid #aaa; border: 1px solid #aaa;
}
.calendartable td.today { &.today {
background-color: #f6f3c2; background-color: #f6f3c2;
} }
}
}
.calendartable a { a {
text-decoration-line: none; text-decoration-line: none;
color: var(--root-color); color: var(--root-color);
}
.calendartable a.mark { &.mark {
text-decoration-line: none; text-decoration-line: none;
color: var(--ui-accent-text-color); color: var(--ui-accent-text-color);
} }
}
.calendartable span.extramarker { span.extramarker {
background-color: yellow; background-color: yellow;
} }
.calendartable .event { .event {
background-color: #2ca05a; background-color: #2ca05a;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
@ -221,20 +218,20 @@ end
white-space: normal; white-space: normal;
overflow-wrap: normal !important; overflow-wrap: normal !important;
word-break: normal !important; word-break: normal !important;
}
.calendartable .event.all-day { &.all-day {
background-color: #852624; background-color: #852624;
} }
.calendartable .event .time { .time {
font-weight: bold; font-weight: bold;
} }
}
.calendartable .month-prev, .month-prev,
.calendartable .month-next, .month-next,
.calendartable .month-now { .month-now {
cursor: pointer; cursor: pointer;
}
} }
``` ```