generated from nathanwoodburn/python-webserver-template
feat: Add more theming
All checks were successful
Build Docker / BuildImage (push) Successful in 40s
All checks were successful
Build Docker / BuildImage (push) Successful in 40s
This commit is contained in:
@@ -246,6 +246,17 @@ h1 {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Update table headers for bible study context */
|
||||||
|
.schedule-table th:nth-child(2)::after {
|
||||||
|
content: " 🙏";
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.schedule-table th:nth-child(3)::after {
|
||||||
|
content: " 📖";
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
/* Responsive design */
|
/* Responsive design */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
@@ -314,18 +325,18 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.date-cell {
|
.date-cell {
|
||||||
width: 20%;
|
width: 25%;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leader-cell {
|
.leader-cell {
|
||||||
width: 18%;
|
width: 30%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-cell {
|
.topic-cell {
|
||||||
width: 44%;
|
width: 45%;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
@@ -354,16 +365,13 @@ h1 {
|
|||||||
|
|
||||||
/* Hide emoji suffixes on mobile for cleaner look */
|
/* Hide emoji suffixes on mobile for cleaner look */
|
||||||
.schedule-table th:nth-child(2)::after,
|
.schedule-table th:nth-child(2)::after,
|
||||||
.schedule-table th:nth-child(3)::after,
|
.schedule-table th:nth-child(3)::after {
|
||||||
.schedule-table th:nth-child(4)::after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stack layout for very small screens */
|
/* Stack layout for very small screens */
|
||||||
.schedule-table th:nth-child(2),
|
.schedule-table th:nth-child(2),
|
||||||
.schedule-table td:nth-child(2),
|
.schedule-table td:nth-child(2) {
|
||||||
.schedule-table th:nth-child(3),
|
|
||||||
.schedule-table td:nth-child(3) {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -38,7 +38,6 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>Date</th>
|
<th>Date</th>
|
||||||
<th>Discussion Leader</th>
|
<th>Discussion Leader</th>
|
||||||
<th>Co-Leader</th>
|
|
||||||
<th>Study Topic</th>
|
<th>Study Topic</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@@ -46,9 +45,8 @@
|
|||||||
{% for item in schedule %}
|
{% for item in schedule %}
|
||||||
<tr class="{% if not item.primary_leader and not item.secondary_leader %}special-event{% endif %}">
|
<tr class="{% if not item.primary_leader and not item.secondary_leader %}special-event{% endif %}">
|
||||||
<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">{% 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 %}</td>
|
||||||
<td class="leader-cell">{{ item.secondary_leader if item.secondary_leader else "" }}</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>
|
||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user