Making things scale better

This commit is contained in:
Scott Idem
2024-08-01 20:42:28 -04:00
parent bf31a3f596
commit 40293e25b4
2 changed files with 30 additions and 25 deletions

View File

@@ -54,33 +54,33 @@ let ae_triggers: key_val = {};
<span <span
class="ae_menu__object_options" class="ae_menu__object_options"
> >
<button <button
type="button" type="button"
on:click={() => { on:click={() => {
if ($events_loc.pres_mgmt.show_menu__session_search == 'help') { if ($events_loc.pres_mgmt.show_menu__session_search == 'help') {
$events_loc.pres_mgmt.show_menu__session_search = null; $events_loc.pres_mgmt.show_menu__session_search = null;
} else { } else {
$events_loc.pres_mgmt.show_menu__session_search = 'help'; $events_loc.pres_mgmt.show_menu__session_search = 'help';
} }
}} }}
class="{ae_snip.classes__events_pres_mgmt_menu__button}" class="{ae_snip.classes__events_pres_mgmt_menu__button}"
title="Help and information about the session search" title="Help and information about the session search"
> >
<span class="fas fa-question-circle m-1"></span> <span class="fas fa-question-circle m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search} {#if $events_loc.pres_mgmt.show_menu__session_search}
Hide Hide
{:else} {:else}
Show Show
{/if} {/if}
Help? Help?
</button> </button>
</span> </span>
<span <span
class="ae_menu__action_options" class="ae_menu__action_options"
class:hidden={true} class:hidden={true}
> >
Nothing here yet. No action options here yet.
</span> </span>

View File

@@ -704,23 +704,28 @@ $: if ($lq__event_session_obj) {
{#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$events_slct.event_session_id] || ($events_loc.auth__kv.presenter[$events_slct.event_presenter_id] && $lq__event_presenter_obj?.agree)} {#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$events_slct.event_session_id] || ($events_loc.auth__kv.presenter[$events_slct.event_presenter_id] && $lq__event_presenter_obj?.agree)}
<div class="min-w-max flex flex-col gap-1"> <div class="min-w-max flex flex-col gap-1">
<!-- This styling took a while and finally looks good on most sized screens. -->
<a <a
class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between min-w-full" class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between max-w-xs md:max-w-full text-wrap md:text-nowrap"
href="https://static.oneskyit.com/c/LCI/files/LCI_Congress_Template_2024.pptx" href="https://static.oneskyit.com/c/LCI/files/LCI_Congress_Template_2024.pptx"
> >
<span class="fas fa-download mx-1"></span> <span class="fas fa-download mx-1"></span>
<!-- This is subtle but helps with the button layout. -->
<span class="text-center grow"> <span class="text-center grow">
Download <span class="text-sm">Download</span><br>
LCI Congress Template 2024 (PowerPoint) LCI Congress Template 2024 (PowerPoint)
</span> </span>
</a> </a>
<a <a
class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between min-w-full" class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between max-w-xs md:max-w-full text-wrap md:text-nowrap"
href="https://static.oneskyit.com/c/LCI/files/LCI_Speaker_and_Champion_Congress_Task_List_2024.xlsx" href="https://static.oneskyit.com/c/LCI/files/LCI_Speaker_and_Champion_Congress_Task_List_2024.xlsx"
> >
<span class="fas fa-download mx-1"></span> <span class="fas fa-download mx-1"></span>
Download <!-- This is subtle but helps with the button layout. -->
<span class="text-center grow wrap">
<span class="text-sm">Download</span><br>
LCI Speaker and Champion Congress Task List (Excel) LCI Speaker and Champion Congress Task List (Excel)
</span>
</a> </a>
</div> </div>