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

Style updates. Allow easier ability to change presentation code and description.

Browse Source
This commit is contained in:
Scott Idem
2025-06-25 14:44:47 -04:00
parent 7cb8639230
commit 370396a633
2 changed files with 54 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/element_ae_crud.svelte
View File

@@ -156,7 +156,7 @@ async function handle_obj_field_patch(new_field_value: any) {
<slot></slot>
<button
class="btn btn-sm preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
class="btn btn-sm font-normal preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
class:hide_edit_btn
class:show_crud
on:dblclick={() => {
@@ -171,7 +171,7 @@ async function handle_obj_field_patch(new_field_value: any) {
<div
class:display_block_edit
class="field_editing_wrapper min-w-content w-100 max-w-full"
class="field_editing_wrapper font-normal min-w-content w-100 max-w-full"
>
<!-- <span class="grow flex flex-row items-center justify-between"> -->
<span class="hidden">
@@ -179,7 +179,7 @@ async function handle_obj_field_patch(new_field_value: any) {
</span>
<button
class="btn btn-md ae_btn_neutral m-1"
class="btn btn-md font-normal ae_btn_surface_outlined m-1"
class:show_crud
on:click={() => {
show_crud = false;
@@ -187,7 +187,7 @@ async function handle_obj_field_patch(new_field_value: any) {
title="Close field editing"
>
<span class="fas fa-window-close"></span>
<span class="hidden md:inline">Close</span>
<span class="hidden sm:inline">Close</span>
</button>
<!-- </span> -->
@@ -219,7 +219,7 @@ async function handle_obj_field_patch(new_field_value: any) {
{:else if field_type == 'text'}
<input
bind:value={field_value}
class="input min-w-64 w-96 max-w-full"
class="input ae_btn_surface min-w-64 w-96 max-w-full"
>
{:else if field_type == 'textarea'}
<textarea
@@ -236,7 +236,7 @@ async function handle_obj_field_patch(new_field_value: any) {
{/if}
{#if allow_null}
<button
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500 m-1"
class="btn btn-sm ae_btn_warning m-1"
on:click={() => {
field_value = null;
}}
@@ -249,7 +249,7 @@ async function handle_obj_field_patch(new_field_value: any) {
</span>
<button
class="btn btn-lg ae_btn_warning m-1"
class="btn btn-lg ae_btn_warning_outlined m-1"
class:show_crud
disabled={field_value == original_field_value}
on:click={async () => {
@@ -385,6 +385,8 @@ async function handle_obj_field_patch(new_field_value: any) {
}
.ae_crud.show_crud .field_editing_wrapper {
/* display: initial; */
display: block;
@@ -422,13 +424,19 @@ async function handle_obj_field_patch(new_field_value: any) {
padding: .5em;
}
.ae_crud.show_crud.display_inline .field_editing_wrapper:hover {
background-color: hsla(60,60%,90%,.80);
z-index: 55;
}
.ae_crud.show_crud.display_inline .field_editing_wrapper {
/* display: block; */
display: inline-block;
/* display: inline; */
box-shadow: initial;
background-color: hsla(60,50%,80%,.3);
background-color: hsla(60,50%,80%,.40);
padding: .25em;