Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved the open meeting externally buttons and style.

Browse Source
This commit is contained in:
Scott Idem
2026-03-30 20:06:23 -04:00
parent d8ce04304b
commit c53a993bab
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/routes/idaa/(idaa)/video_conferences/+page.svelte
View File

@@ -1211,7 +1211,7 @@ async function init_jitsi() {
<!-- Breakout button: only shown in iframe mode — pointless outside an iframe since the user is <!-- Breakout button: only shown in iframe mode — pointless outside an iframe since the user is
already in a full tab. WHY: Novi iframes squish the layout and scrolling is unreliable. already in a full tab. WHY: Novi iframes squish the layout and scrolling is unreliable.
Members need a way to escape to a proper full-tab context. --> Members need a way to escape to a proper full-tab context. -->
{#if $ae_loc.iframe} {#if $ae_loc.iframe || $ae_loc.edit_mode}
<div class="fixed bottom-0.5 left-8 z-20 print:hidden"> <div class="fixed bottom-0.5 left-8 z-20 print:hidden">
<button <button
type="button" type="button"
@@ -1233,20 +1233,20 @@ async function init_jitsi() {
tabindex="-1" tabindex="-1"
aria-label="Close meeting link dialog"> aria-label="Close meeting link dialog">
<div <div
class="mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl" class="mx-4 w-full max-w-sm rounded-xl bg-white px-6 py-2 shadow-2xl"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-labelledby="breakout_modal_title" aria-labelledby="breakout_modal_title"
tabindex="-1" tabindex="-1"
onclick={(e) => e.stopPropagation()} onclick={(e) => e.stopPropagation()}
onkeydown={(e) => e.stopPropagation()}> onkeydown={(e) => e.stopPropagation()}>
<div class="mb-4 flex items-start justify-between"> <div class="mb-2 flex items-start justify-between">
<div> <div>
<h2 id="breakout_modal_title" class="text-lg font-bold"> <h2 id="breakout_modal_title" class="text-base font-bold text-center">
Open Meeting Externally Open Meeting Externally
</h2> </h2>
<p class="mt-1 text-sm text-gray-500"> <p class="mt-1 text-sm text-gray-500">
Open this meeting outside the embedded Novi iframe. Open this meeting outside the embedded iframe on this page.
</p> </p>
</div> </div>
<button <button
@@ -1280,15 +1280,15 @@ async function init_jitsi() {
</a> </a>
<!-- Fallback for browsers that block clipboard access (common in iframes). <!-- Fallback for browsers that block clipboard access (common in iframes).
User can manually select all and copy from here. --> User can manually select all and copy from here. -->
<div class="mt-1"> <div class="mt-0.5">
<p class="mb-1 text-xs text-gray-400">Or copy the link manually:</p> <p class="mb-0.5 text-xs text-gray-400">Or copy the link manually:</p>
<textarea <textarea
readonly readonly
rows="2" rows="3"
value={$page.url.href} value={$page.url.href}
onclick={(e) => (e.target as HTMLTextAreaElement).select()} onclick={(e) => (e.target as HTMLTextAreaElement).select()}
class="w-full cursor-text resize-none rounded border border-gray-200 bg-gray-50 px-2 py-1.5 font-mono text-xs text-gray-700 focus:outline-none" class="w-full cursor-text resize-none rounded border border-gray-200 bg-gray-50 px-2 py-1.5 font-mono text-xs text-gray-700 focus:outline-none"
title="Click to select all, then copy" title="Click to select all, then copy (ctrl/cmd + C)"
aria-label="Meeting link — click to select all"></textarea> aria-label="Meeting link — click to select all"></textarea>
</div> </div>
</div> </div>