diff --git a/openslides/projector/static/styles/projector-control.css b/openslides/projector/static/styles/projector-control.css index 57e49814f..eaa258c6f 100644 --- a/openslides/projector/static/styles/projector-control.css +++ b/openslides/projector/static/styles/projector-control.css @@ -48,6 +48,16 @@ width: 256px;/*100%;*/ height: 192px;/*230px;*/ } + +#iframeoverlay { + width: 256px; + height: 192px; + position: fixed; + top: 0px; + left: 0px; + display: none; + z-index: 1; +} /* countdown */ a.countdown_visible_link.closed div { background-image: url(../images/icons/user-offline.png); diff --git a/openslides/projector/templates/projector/control.html b/openslides/projector/templates/projector/control.html index 17d187167..1dcecb5f3 100644 --- a/openslides/projector/templates/projector/control.html +++ b/openslides/projector/templates/projector/control.html @@ -26,6 +26,21 @@ $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle(); }); $( ".column" ).disableSelection(); + + var overlay_placement = function(){ + var if_top = $("#iframe").offset().top; + var if_left = $("#iframe").offset().left; + + // the overlay uses absolute positioning, + // place it over the iframe + $("#iframeoverlay").css({'display' : 'block', + 'top' : if_top, + 'left' : if_left + }); + }; + + $("document").ready(overlay_placement); + $(window).resize(overlay_placement); }); @@ -86,6 +101,7 @@
+