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

145
Library/Widgets/Calendar.md
View file

@ -18,10 +18,10 @@ 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
local events = query[[ local events = query[[
from index.tag "event" from index.tag "event"
where where
@ -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,75 +166,72 @@ end
```space-style ```space-style
.calendartable { .calendartable {
border-collapse: collapse; border-collapse: collapse;
/* width: 500px; */
table {
border-color: var(--panel-border-color);
border: 2px solid #444;
border-collapse: collapse;
th {
width: 14%;
padding: 3px;
text-align: left;
background-color: var(--panel-background-color);
color: #852624;
border: 1px solid #aaa;
}
td {
width: 14%;
padding: 3px;
text-align: left;
vertical-align: top;
border: 1px solid #aaa;
&.today {
background-color: #f6f3c2;
}
}
}
a {
text-decoration-line: none;
color: var(--root-color);
&.mark {
text-decoration-line: none;
color: var(--ui-accent-text-color);
}
}
span.extramarker {
background-color: yellow;
}
.event {
background-color: #2ca05a;
color: #fff;
border-radius: 4px;
padding: 4px 8px;
margin-top: 8px;
max-width: 200px;
white-space: normal;
overflow-wrap: normal !important;
word-break: normal !important;
&.all-day {
background-color: #852624;
}
.time {
font-weight: bold;
}
}
.month-prev,
.month-next,
.month-now {
cursor: pointer;
}
} }
.calendartable table {
border-color: var(--panel-border-color);
border: 2px solid #444;
border-collapse: collapse;
}
.calendartable th {
width: 14%;
padding: 3px;
text-align: left;
background-color: var(--panel-background-color);
color: #852624;
border: 1px solid #aaa;
}
.calendartable td {
width: 14%;
padding: 3px;
text-align: left;
vertical-align: top;
border: 1px solid #aaa;
}
.calendartable td.today {
background-color: #f6f3c2;
}
.calendartable a {
text-decoration-line: none;
color: var(--root-color);
}
.calendartable a.mark {
text-decoration-line: none;
color: var(--ui-accent-text-color);
}
.calendartable span.extramarker {
background-color: yellow;
}
.calendartable .event {
background-color: #2ca05a;
color: #fff;
border-radius: 4px;
padding: 4px 8px;
margin-top: 8px;
max-width: 200px;
white-space: normal;
overflow-wrap: normal !important;
word-break: normal !important;
}
.calendartable .event.all-day {
background-color: #852624;
}
.calendartable .event .time {
font-weight: bold;
}
.calendartable .month-prev,
.calendartable .month-next,
.calendartable .month-now {
cursor: pointer;
}
``` ```