nathanwoodburn/weekly-calendar
1
0
Fork 0
generated from nathanwoodburn/python-webserver-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Theming
All checks were successful
Build Docker / BuildImage (push) Successful in 46s
Details

Browse Source
This commit is contained in:
Nathan Woodburn
2025-09-29 21:23:40 +10:00
parent 3708ed3bc2
commit 9af865f3ef
2 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/assets/css/schedule.css
View File

@@ -295,14 +295,14 @@ h1 {
} }
.schedule-table { .schedule-table {
font-size: 13px; font-size: 14px;
width: 100%; width: 100%;
min-width: 100%; min-width: 100%;
} }
.schedule-table th, .schedule-table th,
.schedule-table td { .schedule-table td {
padding: 8px 6px; padding: 10px 8px;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@@ -310,24 +310,24 @@ h1 {
.date-cell, .date-cell,
.leader-cell { .leader-cell {
min-width: auto; min-width: auto;
font-size: 12px; font-size: 13px;
} }
.date-cell { .date-cell {
width: 20%; width: 20%;
font-size: 11px; font-size: 13px;
font-weight: 700; font-weight: 700;
} }
.leader-cell { .leader-cell {
width: 18%; width: 18%;
font-size: 10px; font-size: 12px;
} }
.topic-cell { .topic-cell {
width: 44%; width: 44%;
font-size: 12px; font-size: 13px;
line-height: 1.3; line-height: 1.4;
} }
} }
@@ -359,25 +359,39 @@ h1 {
display: none; display: none;
} }
/* Stack layout for very small screens */
.schedule-table th:nth-child(2),
.schedule-table td:nth-child(2),
.schedule-table th:nth-child(3),
.schedule-table td:nth-child(3) {
display: none;
}
.date-cell { .date-cell {
width: 30%; width: 30%;
font-size: 12px; font-size: 14px;
} }
.topic-cell { .topic-cell {
width: 70%; width: 70%;
font-size: 11px; font-size: 13px;
position: relative; position: relative;
line-height: 1.4;
} }
.topic-cell::before { .topic-cell[data-leaders]::before {
content: attr(data-leaders); content: attr(data-leaders);
display: block; display: block;
font-size: 9px; font-size: 11px;
color: var(--empty-leader-color); color: var(--empty-leader-color);
margin-bottom: 3px; margin-bottom: 4px;
font-style: italic; font-style: italic;
} }
/* Don't show leader info for special events */
.special-event .topic-cell[data-leaders]::before {
display: none;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
@@ -406,24 +420,28 @@ h1 {
} }
.schedule-container { .schedule-container {
padding: 10px 3px; padding: 12px 5px;
} }
.schedule-table { .schedule-table {
font-size: 10px; font-size: 12px;
} }
.schedule-table th, .schedule-table th,
.schedule-table td { .schedule-table td {
padding: 5px 3px; padding: 8px 5px;
} }
.date-cell { .date-cell {
font-size: 11px; font-size: 13px;
} }
.topic-cell { .topic-cell {
font-size: 12px;
line-height: 1.3;
}
.topic-cell[data-leaders]::before {
font-size: 10px; font-size: 10px;
line-height: 1.2;
} }
} }

2
templates/schedule.html
View File

@@ -48,7 +48,7 @@
<td class="date-cell">{{ item.date }}</td> <td class="date-cell">{{ item.date }}</td>
<td class="leader-cell">{{ item.primary_leader if item.primary_leader else "" }}</td> <td class="leader-cell">{{ item.primary_leader if item.primary_leader else "" }}</td>
<td class="leader-cell">{{ item.secondary_leader if item.secondary_leader else "" }}</td> <td class="leader-cell">{{ item.secondary_leader if item.secondary_leader else "" }}</td>
<td class="topic-cell" data-leaders="{% if item.primary_leader or item.secondary_leader %}Leaders: {{ item.primary_leader or '-' }}, {{ item.secondary_leader or '-' }}{% endif %}">{{ item.topic }}</td> <td class="topic-cell" {% if item.primary_leader or item.secondary_leader %}data-leaders="Leaders: {% if item.primary_leader %}{{ item.primary_leader }}{% endif %}{% if item.primary_leader and item.secondary_leader %}, {% endif %}{% if item.secondary_leader %}{{ item.secondary_leader }}{% endif %}"{% endif %}>{{ item.topic }}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>