Work on placement
This commit is contained in:
@@ -324,7 +324,7 @@ function handle_clear_access() {
|
|||||||
$ae_loc.edit_mode = false;
|
$ae_loc.edit_mode = false;
|
||||||
// dispatch_edit_mode_changed();
|
// dispatch_edit_mode_changed();
|
||||||
}}
|
}}
|
||||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all"
|
class="btn btn-sm px-2 variant-ghost-success hover:variant-filled-success transition-all"
|
||||||
title="Edit mode is currently enabled. Click to disable."
|
title="Edit mode is currently enabled. Click to disable."
|
||||||
>
|
>
|
||||||
<span class="fas fa-toggle-on mx-1"></span>
|
<span class="fas fa-toggle-on mx-1"></span>
|
||||||
@@ -337,11 +337,14 @@ function handle_clear_access() {
|
|||||||
$ae_loc.edit_mode = true;
|
$ae_loc.edit_mode = true;
|
||||||
// dispatch_edit_mode_changed();
|
// dispatch_edit_mode_changed();
|
||||||
}}
|
}}
|
||||||
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all"
|
class="btn btn-sm px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-1 *:hover:inline"
|
||||||
title="Edit mode is currently disabled. Click to enable."
|
title="Edit mode is currently disabled. Click to enable."
|
||||||
>
|
>
|
||||||
<span class="fas fa-toggle-off mx-1"></span>
|
<span class="fas fa-toggle-off mx-1"></span>
|
||||||
Edit Mode?
|
Edit
|
||||||
|
<span class="hidden">
|
||||||
|
Mode?
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@@ -486,7 +486,8 @@ max-w-max -->
|
|||||||
flex flex-col
|
flex flex-col
|
||||||
items-end justify-center
|
items-end justify-center
|
||||||
gap-1
|
gap-1
|
||||||
absolute right-0 bottom-10
|
absolute right-0 bottom-16
|
||||||
|
hover:bottom-6
|
||||||
bg-white dark:bg-gray-800
|
bg-white dark:bg-gray-800
|
||||||
border border-transparent
|
border border-transparent
|
||||||
hover:border hover:border-gray-200 hover:dark:border-gray-700
|
hover:border hover:border-gray-200 hover:dark:border-gray-700
|
||||||
@@ -495,7 +496,7 @@ max-w-max -->
|
|||||||
*:hover:inline
|
*:hover:inline
|
||||||
opacity-40
|
opacity-40
|
||||||
hover:opacity-100
|
hover:opacity-100
|
||||||
duration-100 delay-1000 hover:delay-100 hover:ease-out
|
duration-50 delay-1000 hover:delay-100 hover:ease-out
|
||||||
transition hover:transition-all
|
transition hover:transition-all
|
||||||
"
|
"
|
||||||
class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
|
class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
|
||||||
@@ -516,7 +517,7 @@ max-w-max -->
|
|||||||
$ae_loc.edit_mode = false;
|
$ae_loc.edit_mode = false;
|
||||||
// dispatch_edit_mode_changed();
|
// dispatch_edit_mode_changed();
|
||||||
}}
|
}}
|
||||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all *:hidden:inline-block"
|
class="btn btn-md px-2 variant-ghost-success hover:variant-filled-success transition-all *:hover:inline-block"
|
||||||
title="Edit mode is currently enabled. Click to disable."
|
title="Edit mode is currently enabled. Click to disable."
|
||||||
>
|
>
|
||||||
<span class="fas fa-toggle-on mx-1"></span>
|
<span class="fas fa-toggle-on mx-1"></span>
|
||||||
@@ -532,11 +533,14 @@ max-w-max -->
|
|||||||
$ae_loc.edit_mode = true;
|
$ae_loc.edit_mode = true;
|
||||||
// dispatch_edit_mode_changed();
|
// dispatch_edit_mode_changed();
|
||||||
}}
|
}}
|
||||||
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all"
|
class="btn btn-md px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-0 *:hover:inline"
|
||||||
title="Edit mode is currently disabled. Click to enable."
|
title="Edit mode is currently disabled. Click to enable."
|
||||||
>
|
>
|
||||||
<span class="fas fa-toggle-off mx-1"></span>
|
<span class="fas fa-toggle-off mx-1"></span>
|
||||||
Edit Mode?
|
<span class="">Edit</span>
|
||||||
|
<span class="hidden">
|
||||||
|
Mode?
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
@@ -623,7 +627,7 @@ max-w-max -->
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden"
|
class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden px-6 py-1"
|
||||||
title="Sign In"
|
title="Sign In"
|
||||||
onclick={() => {
|
onclick={() => {
|
||||||
if ($ae_loc?.app_cfg?.show_element__menu_btn) {
|
if ($ae_loc?.app_cfg?.show_element__menu_btn) {
|
||||||
@@ -637,12 +641,12 @@ max-w-max -->
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{#if $ae_loc?.app_cfg?.show_element__menu}
|
{#if $ae_loc?.app_cfg?.show_element__menu}
|
||||||
<CircleX class="mx-1 inline-block" />
|
<CircleX class="inline-block" />
|
||||||
<!-- <span class="hidden"> -->
|
<!-- <span class="hidden"> -->
|
||||||
Hide Menu
|
Hide Menu
|
||||||
<!-- </span> -->
|
<!-- </span> -->
|
||||||
{:else}
|
{:else}
|
||||||
<Menu class="mx-1 inline-block" />
|
<Menu class="inline-block" />
|
||||||
<span class="hidden">
|
<span class="hidden">
|
||||||
Menu
|
Menu
|
||||||
</span>
|
</span>
|
||||||
@@ -703,7 +707,7 @@ max-w-max -->
|
|||||||
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full"
|
class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full px-6 py-1"
|
||||||
title="Sign In"
|
title="Sign In"
|
||||||
onclick={() => {
|
onclick={() => {
|
||||||
if ($ae_loc?.app_cfg?.show_element__menu_btn) {
|
if ($ae_loc?.app_cfg?.show_element__menu_btn) {
|
||||||
|
|||||||
Reference in New Issue
Block a user