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
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. -->
{#if $ae_loc.iframe}
{#if $ae_loc.iframe || $ae_loc.edit_mode}
<div class="fixed bottom-0.5 left-8 z-20 print:hidden">
<button
type="button"
@@ -1233,20 +1233,20 @@ async function init_jitsi() {
tabindex="-1"
aria-label="Close meeting link dialog">
<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"
aria-modal="true"
aria-labelledby="breakout_modal_title"
tabindex="-1"
onclick={(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>
<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
</h2>
<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>
</div>
<button
@@ -1280,15 +1280,15 @@ async function init_jitsi() {
</a>
<!-- Fallback for browsers that block clipboard access (common in iframes).
User can manually select all and copy from here. -->
<div class="mt-1">
<p class="mb-1 text-xs text-gray-400">Or copy the link manually:</p>
<div class="mt-0.5">
<p class="mb-0.5 text-xs text-gray-400">Or copy the link manually:</p>
<textarea
readonly
rows="2"
rows="3"
value={$page.url.href}
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"
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>
</div>
</div>