tetalab/thsf.net
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: portrait mode for mobile

Browse Source
This commit is contained in:
mco-system 2023-04-11 20:14:14 +11:00
parent 5cd1151d46
commit 961d5d00ea
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/thsf/static/css/planning.css
View File

@ -1,4 +1,3 @@
.slot { .slot {
display: flex; display: flex;
flex: 1; flex: 1;
@ -67,6 +66,10 @@
display: inline-block; display: inline-block;
} }
.speaker_details:hover {
cursor: pointer;
}
.speaker .details { .speaker .details {
visibility: hidden; visibility: hidden;
background-color: var(--main-color); background-color: var(--main-color);

2
src/thsf/templates/slot.html
View File

@ -4,8 +4,8 @@
{% for speaker in slot.speakers %} {% for speaker in slot.speakers %}
<div class="speaker"> <div class="speaker">
{{speaker.name | title}} {{speaker.name | title}}
<i class="speaker_details fa-solid fa-user"></i>
{% if speaker.avatar or speaker.biography %} {% if speaker.avatar or speaker.biography %}
<i class="speaker_details fa-solid fa-user"></i>
<div class="details"> <div class="details">
{% if speaker.avatar %} {% if speaker.avatar %}
<img src="{{speaker.avatar}}" <img src="{{speaker.avatar}}"