@humandialog/forms.svelte 1.8.0 → 1.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -432,7 +432,7 @@ export function add(item, columnIdx = -1) {
|
|
|
432
432
|
{#key renderToken}
|
|
433
433
|
<slot/> <!-- Launch definition settings -->
|
|
434
434
|
|
|
435
|
-
<figure class="px-4">
|
|
435
|
+
<figure class="px-0 sm:px-4">
|
|
436
436
|
<h1><Editable self={self} a={title}/></h1>
|
|
437
437
|
<figcaption><Editable self={self} a={summary}/></figcaption>
|
|
438
438
|
</figure>
|
|
@@ -200,17 +200,9 @@ async function force_editing(field) {
|
|
|
200
200
|
if (!element_node.classList.contains("editable")) {
|
|
201
201
|
return;
|
|
202
202
|
}
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
placeholder = "";
|
|
207
|
-
});
|
|
208
|
-
} else {
|
|
209
|
-
element_node.focus();
|
|
210
|
-
}
|
|
211
|
-
} else {
|
|
212
|
-
element_node.focus();
|
|
213
|
-
}
|
|
203
|
+
startEditing(element_node, () => {
|
|
204
|
+
placeholder = "";
|
|
205
|
+
});
|
|
214
206
|
}
|
|
215
207
|
function setSelectionAtEnd(element) {
|
|
216
208
|
const textNode = element.childNodes[0];
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import {editable, makeEditableIdFromFieldName} from '../utils'
|
|
3
3
|
import {setjItemProperty} from '../updates.js'
|
|
4
4
|
import { afterUpdate } from 'svelte';
|
|
5
|
+
import {ext} from '../i18n'
|
|
5
6
|
|
|
6
7
|
export let self
|
|
7
8
|
export let a
|
|
@@ -64,7 +65,7 @@
|
|
|
64
65
|
on:focus={focus}
|
|
65
66
|
on:blur={blur}
|
|
66
67
|
>
|
|
67
|
-
{self[a]}
|
|
68
|
+
{ext(self[a])}
|
|
68
69
|
</span>
|
|
69
70
|
|
|
70
71
|
<!--style>
|
package/desk.svelte
CHANGED
|
@@ -79,29 +79,19 @@
|
|
|
79
79
|
|
|
80
80
|
$: { visible_sidebar = $main_sidebar_visible_store
|
|
81
81
|
const navMode = navGetMode()
|
|
82
|
-
if(
|
|
82
|
+
if(visible_sidebar == "*")
|
|
83
83
|
{
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
lg_content_area_horizontal_dim = ""
|
|
88
|
-
lg_content_area_horizontal_tools_dim = `sm:left-[50px] sm:w-[calc(100vw-60px)]`
|
|
89
|
-
}
|
|
90
|
-
else
|
|
91
|
-
{
|
|
92
|
-
main_side_panel_visibility = "fixed lg:block"
|
|
93
|
-
lg_content_area_horizontal_dim = `lg:left-[360px] lg:w-[calc(100vw-360px)]`
|
|
94
|
-
lg_content_area_horizontal_tools_dim = `sm:left-[50px] sm:w-[calc(100vw-60px)] lg:left-[368px] lg:w-[calc(100vw-376px)]`
|
|
95
|
-
}
|
|
84
|
+
main_side_panel_visibility = "hidden"
|
|
85
|
+
lg_content_area_horizontal_dim = ""
|
|
86
|
+
lg_content_area_horizontal_tools_dim = `sm:left-[50px] sm:w-[calc(100vw-60px)]`
|
|
96
87
|
}
|
|
97
88
|
else
|
|
98
89
|
{
|
|
99
|
-
main_side_panel_visibility = "
|
|
100
|
-
lg_content_area_horizontal_dim =
|
|
90
|
+
main_side_panel_visibility = "fixed block"
|
|
91
|
+
lg_content_area_horizontal_dim = `lg:left-[360px] lg:w-[calc(100vw-360px)]`
|
|
92
|
+
lg_content_area_horizontal_tools_dim = `sm:left-[50px] sm:w-[calc(100vw-60px)] lg:left-[368px] lg:w-[calc(100vw-376px)]`
|
|
93
|
+
}
|
|
101
94
|
}
|
|
102
|
-
|
|
103
|
-
//console.log('main_side_panel_visibility', main_side_panel_visibility)
|
|
104
|
-
}
|
|
105
95
|
|
|
106
96
|
let tools_visibility = "hidden"
|
|
107
97
|
let tools_visible = false
|
|
@@ -399,15 +389,25 @@
|
|
|
399
389
|
|
|
400
390
|
|
|
401
391
|
<!--#######################################################-->
|
|
402
|
-
<!--## VERTICAL TOOLBAR
|
|
392
|
+
<!--## VERTICAL DESKTOP MAIN TOOLBAR ##################-->
|
|
403
393
|
<!--#######################################################-->
|
|
404
|
-
<div
|
|
394
|
+
<div class="hidden sm:block
|
|
395
|
+
fixed left-0 top-0 w-[40px] h-screen z-20
|
|
396
|
+
inset-0 overflow-hidden">
|
|
397
|
+
|
|
405
398
|
<div class="sticky top-0 flex h-full w-12 sm:w-10 bg-stone-800 dark:bg-stone-950 flex-col items-center text-stone-100 shadow">
|
|
406
399
|
<VerticalToolbar appConfig={layout} mobile={false}/>
|
|
407
400
|
</div>
|
|
408
401
|
</div>
|
|
402
|
+
<!--#######################################################-->
|
|
403
|
+
<!--## VERTICAL MOBILE MAIN TOOLBAR ##################-->
|
|
404
|
+
<!--#######################################################-->
|
|
405
|
+
|
|
406
|
+
<header class=" mobile-main-toolbar block sm:hidden
|
|
407
|
+
fixed w-screen bottom-0 h-[50px] z-20
|
|
408
|
+
shadow shadow-stone-900/5 dark:shadow-none
|
|
409
|
+
overflow-auto" >
|
|
409
410
|
|
|
410
|
-
<header class="block sm:hidden fixed w-screen bottom-0 h-[50px] sm:h-[40px] z-20 shadow shadow-stone-900/5 dark:shadow-none overflow-auto" >
|
|
411
411
|
<div class=" flex flex-row justify-between h-full
|
|
412
412
|
text-stone-500 bg-stone-200/70 hover:bg-stone-200
|
|
413
413
|
dark:text-orange-200 dark:bg-stone-700/70 dark:hover:bg-stone-700
|
|
@@ -426,15 +426,16 @@
|
|
|
426
426
|
{@const sidebar_small_width = $sidebar_left_pos==0 ? "w-full" : "w-[calc(100vw-50px)]"}
|
|
427
427
|
|
|
428
428
|
<div class="main-side-bar {main_side_panel_visibility}
|
|
429
|
-
|
|
430
|
-
|
|
429
|
+
|
|
430
|
+
left-0 bottom-[50px]
|
|
431
|
+
sm:left-[40px] sm:top-0
|
|
431
432
|
w-full sm:w-[320px]
|
|
432
|
-
h-[calc(100vh-
|
|
433
|
+
h-[calc(100vh-100px)] sm:h-full
|
|
433
434
|
|
|
434
|
-
z-
|
|
435
|
+
z-30 overflow-x-hidden
|
|
435
436
|
|
|
436
437
|
bg-stone-50 dark:bg-stone-900
|
|
437
|
-
sm:border-r border-stone-300 dark:border-stone-300/50
|
|
438
|
+
border-2 sm:border-r border-stone-300 dark:border-stone-300/50
|
|
438
439
|
sm:shadow-lg sm:shadow-stone-500
|
|
439
440
|
sm:dark:shadow-black">
|
|
440
441
|
|