More layout fixes for IDAA....
This commit is contained in:
@@ -241,7 +241,7 @@ onDestroy(() => {
|
||||
max-w-full
|
||||
"
|
||||
>
|
||||
<span class="ae_icon fas fa-archive"></span>
|
||||
<span class="ae_icon fas fa-archive text-neutral-800/80"></span>
|
||||
<!-- <span class="ae_icon fas fa-file-archive"></span> -->
|
||||
{@html $lq__archive_obj?.name ?? 'Archive'}
|
||||
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
|
||||
@@ -32,7 +32,15 @@ let ae_promises: key_val = $state({});
|
||||
{#each $lq__archive_content_obj_li as idaa_archive_content_obj, index}
|
||||
|
||||
{#if idaa_archive_content_obj.group && idaa_archive_content_obj.group != $lq__archive_content_obj_li[index - 1]?.group}
|
||||
<div class="ae_row archive_content__group flex flex-row items-center justify-center bg-white rounded-lg p-2 w-full max-w-(--breakpoint-lg)">
|
||||
<!-- NOTE: m-auto is needed for the Novi site centering -->
|
||||
<div
|
||||
class="
|
||||
ae_row archive_content__group
|
||||
m-auto
|
||||
flex flex-row items-center justify-center bg-white rounded-lg p-2
|
||||
w-full max-w-(--breakpoint-lg)
|
||||
"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 transition w-96"
|
||||
|
||||
@@ -34,7 +34,7 @@ let { lq__archive_obj_li }: Props = $props();
|
||||
|
||||
<header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
|
||||
<h3 class="archive__name h3">
|
||||
<span class="fas fa-archive m-1"></span>
|
||||
<span class="fas fa-archive m-1 text-neutral-800/80"></span>
|
||||
<span class="archive__name">{@html idaa_archive_obj.name}</span>
|
||||
</h3>
|
||||
|
||||
@@ -60,7 +60,7 @@ let { lq__archive_obj_li }: Props = $props();
|
||||
"
|
||||
title={`View: ${idaa_archive_obj?.name}`}>
|
||||
<!-- <span class="fas fa-envelope-open m-1"></span> -->
|
||||
<span class="fas fa-box-open m-1"></span>
|
||||
<span class="fas fa-box-open m-1 text-neutral-800/80"></span>
|
||||
Open
|
||||
|
||||
{#if idaa_archive_obj?.archive_content_count}
|
||||
|
||||
@@ -129,7 +129,7 @@ onDestroy(() => {
|
||||
"
|
||||
>
|
||||
<!-- <span class="ae_icon fas fa-calendar-alt"></span> -->
|
||||
<span class="ae_icon fas fa-calendar-day"></span>
|
||||
<span class="ae_icon fas fa-calendar-day text-neutral-800/80"></span>
|
||||
{$lq__post_obj?.name ? $lq__post_obj?.name : 'BB Post'}
|
||||
</h2>
|
||||
|
||||
@@ -175,7 +175,7 @@ onDestroy(() => {
|
||||
transition
|
||||
"
|
||||
>
|
||||
<span class="fas fa-arrow-left m-1"></span> Back to Posts List
|
||||
<span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to Posts List
|
||||
<!-- <span class="fas fa-times m-1"></span> View Other Meetings -->
|
||||
</a>
|
||||
|
||||
@@ -204,7 +204,7 @@ onDestroy(() => {
|
||||
title="View this BB Post"
|
||||
>
|
||||
<!-- <span class="far fa-window-close m-1"></span> -->
|
||||
<span class="fas fa-times m-1"></span>
|
||||
<span class="fas fa-times m-1 text-neutral-800/80"></span>
|
||||
Cancel Edit
|
||||
</button>
|
||||
{:else}
|
||||
|
||||
@@ -38,7 +38,7 @@ onMount(() => {
|
||||
<header class="ae_header">
|
||||
<h3 class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full">
|
||||
<span class="post__name">
|
||||
<span class="fas fa-comment-alt m-1"></span>
|
||||
<span class="fas fa-comment-alt m-1 text-neutral-800/80"></span>
|
||||
{@html idaa_post_obj.title}
|
||||
</span>
|
||||
{#if idaa_post_obj.topic_name}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-tag m-1"></span> {idaa_post_obj.topic_name}</span>{/if}
|
||||
@@ -65,19 +65,19 @@ onMount(() => {
|
||||
"
|
||||
title={`View: ${idaa_post_obj?.name}`}
|
||||
>
|
||||
<span class="fas fa-envelope-open m-1"></span>
|
||||
<span class="fas fa-envelope-open m-1 text-neutral-800/80"></span>
|
||||
<!-- <span class="fas fa-info-circle"></span> -->
|
||||
View Post
|
||||
|
||||
{#if idaa_post_obj?.post_comment_count}
|
||||
<span class="ae_badge ae_info post__post_comment_count">
|
||||
<span class="fas fa-comments"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )}
|
||||
<span class="fas fa-comments text-neutral-800/80"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )}
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
{#if idaa_post_obj?.linked_li_json?.length}
|
||||
<span class="ae_badge ae_info post__linked_li_count">
|
||||
<span class="fas fa-link"></span> {idaa_post_obj?.linked_li_json?.length}
|
||||
<span class="fas fa-link text-neutral-800/80"></span> {idaa_post_obj?.linked_li_json?.length}
|
||||
{(idaa_post_obj?.linked_li_json?.length == 1 ? ' file' : ' files')}
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
@@ -147,7 +147,7 @@ function add_activity_log(
|
||||
w-full
|
||||
"
|
||||
>
|
||||
<span class="fas fa-calendar-day"></span>
|
||||
<span class="fas fa-calendar-day text-neutral-800/80"></span>
|
||||
{idaa_event_obj?.name ?? 'Recovery Meeting'}
|
||||
</h3>
|
||||
|
||||
@@ -200,7 +200,7 @@ function add_activity_log(
|
||||
title={`View: ${idaa_event_obj?.name}`}
|
||||
>
|
||||
<!-- <span class="fas fa-envelope-open m-1"></span> -->
|
||||
<span class="fas fa-calendar-check m-1"></span>
|
||||
<span class="fas fa-calendar-check m-1 text-neutral-800/80"></span>
|
||||
<!-- <span class="fas fa-info-circle"></span> -->
|
||||
Meeting Details
|
||||
</a>
|
||||
@@ -342,7 +342,7 @@ function add_activity_log(
|
||||
|
||||
|
||||
{#if $ae_loc.administrator_access}
|
||||
<section class="ae_section ae_footer ae_meta event__meta text-sm text-gray-500">
|
||||
<section class="ae_section ae_footer ae_meta event__meta text-sm text-neutral-500">
|
||||
<!-- {#if idaa_event_obj.location_address_json}
|
||||
<span
|
||||
class="event__location_address_json"
|
||||
@@ -381,16 +381,17 @@ function add_activity_log(
|
||||
</div>
|
||||
|
||||
{:else}
|
||||
<!-- Does this actually ever show? -->
|
||||
<div class="space-y-2">
|
||||
{#if $idaa_sess.recovery_meetings.qry__status === 'loading'}
|
||||
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
|
||||
<!-- <Spinner class="m-3" /> -->
|
||||
<span class="fas fa-spinner fa-spin m-1"></span>
|
||||
xx Loading...
|
||||
Loading...
|
||||
</div>
|
||||
{:else}
|
||||
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
|
||||
xx No recovery meetings available to show. The search may need to be changed.
|
||||
No recovery meetings available to show. The search may need to be changed.
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user