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

wip: programme

Browse Source
This commit is contained in:
mco-system
2023-04-09 18:40:48 +11:00
parent 75e44fa9fd
commit 25234e9c08
15 changed files with 221 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,7 +18,8 @@
width: 22em;
}
.slot_info {
.slot_info,
.slot_info_buttons {
display: flex;
flex-direction: row;
align-content: flex-start;
@@ -54,7 +55,8 @@
text-align: left;
}
.metadata > .slot_info > .button {
.metadata > .slot_info_buttons > .button,
.metadata > .slot_info_buttons > .slot_info > .button {
font-size: 1em;
margin-right: 0.3em;
}
@@ -71,42 +73,47 @@
margin-bottom: 0.2em;
}
.speaker_details {
.speaker {
position: relative;
display: inline-block;
}
.speaker_details .details {
.speaker .details {
visibility: hidden;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: center;
text-align: left;
padding: 1em;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transform: translateX(-50%) translateY(102%);
transition: opacity 1s;
transform: translateX(-2em) translateY(102%);
max-width: 30em;
overflow-y: auto;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
.speaker_details .details::after {
.speaker .details::after {
content: "";
position: relative;
margin-left: -5px;
border-width: 5px;
}
.speaker_details:hover .details {
.speaker:hover .details {
visibility: visible;
opacity: 1;
font-size: 0.7em;
padding: 0.2em;
}
.speaker_details > .details > img,
.speaker > .details > img,
.abstract > img {
max-width: 200px;
max-height: 200px;
@@ -114,7 +121,64 @@
margin: 0 0.5em 0.5em 0;
}
.speaker_details > .details > p {
.speaker > .details > p {
text-align: justify;
font-size: 0.5em;
}
.slot_info {
position: relative;
display: inline-block;
}
.slot_info .details {
visibility: hidden;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: left;
padding: 1em;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s;
transform: translateX(-2em) translateY(102%);
max-width: 30em;
overflow-y: auto;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
.slot_info .details > .description {
margin-top: 1em;
}
.slot_info .details::after {
content: "";
position: relative;
margin-left: -5px;
border-width: 5px;
}
.slot_info:hover .details {
visibility: visible;
opacity: 1;
font-size: 0.7em;
padding: 0.2em;
}
.slot_info > .details > img,
.abstract > img {
max-width: 200px;
max-height: 200px;
float: left;
margin: 0 0.5em 0.5em 0;
}
.slot_info > .details > p {
text-align: justify;
font-size: 0.5em;
}

30
src/thsf/static/css/tooltip.css
View File

@@ -1,5 +1,4 @@
.tooltip,
.planning_tooltip,
.slot_tooltip {
position: relative;
display: inline-block;
@@ -21,7 +20,7 @@
transition: opacity 1s;
}
.planning_tooltip .planning_tooltiptext {
.slot_tooltip .slot_tooltiptext {
visibility: hidden;
background-color: var(--main-color);
color: var(--alt-main-color);
@@ -37,33 +36,7 @@
transition: opacity 1s;
}
.slot_tooltip .slot_tooltiptext {
visibility: hidden;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transform: translateX(2em) translateY(50%);
transition: opacity 1s;
}
.slot_tooltip .slot_tooltiptext {
font-size: 1em;
width: 26em;
padding: 1em;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
.tooltip .tooltiptext::after,
.planning_tooltip .planning_tooltiptext::after,
.slot_tooltip .slot_tooltiptext::after {
content: "";
position: absolute;
@@ -74,7 +47,6 @@
}
.tooltip:hover .tooltiptext,
.planning_tooltip:hover .planning_tooltiptext,
.slot_tooltip:hover .slot_tooltiptext {
visibility: visible;
opacity: 1;