diff --git a/vspace/src/main/webapp/WEB-INF/views/exhibition/module.html b/vspace/src/main/webapp/WEB-INF/views/exhibition/module.html index dcc9d59c3..7f38c5767 100644 --- a/vspace/src/main/webapp/WEB-INF/views/exhibition/module.html +++ b/vspace/src/main/webapp/WEB-INF/views/exhibition/module.html @@ -126,6 +126,10 @@ elem.msRequestFullscreen(); } $("#Module_1").append('
') + var sidebar = document.querySelector('.external-resources-sidebar'); + if (sidebar) { + sidebar.style.zIndex = '9999'; + } } function exitFullScreen() @@ -133,6 +137,10 @@ $(".exitfullscreen").remove(); $(".imgFullScreen").show(); $("#Module_1").css('overflow-y','visible') + var sidebar = document.querySelector('.external-resources-sidebar'); + if (sidebar) { + sidebar.style.zIndex = '105'; + } if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { /* Safari */ @@ -145,10 +153,18 @@ function showModuleMapModal(){ $("#moduleOverviewModal").show(); } - + function closeModal(){ $("#moduleOverviewModal").hide(); } + + function showExternalLinksModal(){ + $("#externalLinksModal").show(); + } + + function closeExternalLinksModal(){ + $("#externalLinksModal").hide(); + } @@ -225,6 +241,42 @@

[[${module.name}]]

+ +
+ +
+ + + +

[[${currentSlideCon.name}]]

@@ -574,11 +626,5 @@
Module Map
-
-
External Resources:
-
- - [[${link.getLabel()}]] -
-
\ No newline at end of file diff --git a/vspace/src/main/webapp/resources/extra/Module_1_slideshow_1.css b/vspace/src/main/webapp/resources/extra/Module_1_slideshow_1.css index 7cb14739d..aa53c6740 100644 --- a/vspace/src/main/webapp/resources/extra/Module_1_slideshow_1.css +++ b/vspace/src/main/webapp/resources/extra/Module_1_slideshow_1.css @@ -226,4 +226,40 @@ a, a:hover, a:focus { [class*="Group_7_Class"] { width: 98%; } +} + +/* External Links Button */ +.external_links_btn_class:hover .tooltiptext { + visibility: visible; +} + +/* External Links Modal Content */ +.external-resources-content { + display: flex; + flex-direction: column; + gap: 5px; +} + +.external-resource-item { + margin: 0; + padding: 0; +} + +.external-resource-link { + display: flex; + align-items: center; + padding: 10px 12px; + color: var(--primary); + text-decoration: none; + border-radius: 5px; + font-size: 15px; + line-height: 1.4; + word-wrap: break-word; + transition: all 0.2s ease; +} + +.external-resource-link:hover { + background-color: #F2F2F2; + color: var(--primary); + text-decoration: underline; } \ No newline at end of file