diff --git a/build/lib/thsf/static/css/planning.css b/build/lib/thsf/static/css/planning.css index 0a207be..ecdb58a 100644 --- a/build/lib/thsf/static/css/planning.css +++ b/build/lib/thsf/static/css/planning.css @@ -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; } diff --git a/build/lib/thsf/static/css/tooltip.css b/build/lib/thsf/static/css/tooltip.css index 7bbf8a8..642d62f 100644 --- a/build/lib/thsf/static/css/tooltip.css +++ b/build/lib/thsf/static/css/tooltip.css @@ -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; diff --git a/build/lib/thsf/templates/base.html b/build/lib/thsf/templates/base.html index 5a04f17..2738ae0 100644 --- a/build/lib/thsf/templates/base.html +++ b/build/lib/thsf/templates/base.html @@ -2,8 +2,8 @@