go/pocketbase
1
0
Fork 0
mirror of https://github.com/pocketbase/pocketbase.git synced 2025-02-13 00:16:19 +02:00
Code Issues Releases Activity

added new field indicator

Browse Source
This commit is contained in:
Gani Georgiev 2023-03-23 10:37:38 +02:00
parent 9736a45e80
commit 0710214701
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/components/collections/schema/SchemaField.svelte
View File

@ -116,8 +116,11 @@
name="schema.{key}.name"
inlineError
>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="form-field-addon prefix no-pointer-events" class:txt-disabled={!interactive}>
<div
class="form-field-addon prefix no-pointer-events field-type-icon"
class:txt-disabled={!interactive}
class:new={!field.id}
>
<i class={CommonHelper.getFieldTypeIcon(field.type)} />
</div>

11
ui/src/scss/_schema_field.scss
View File

@ -20,6 +20,17 @@
.form-field {
margin: 0;
}
.field-type-icon.new:after {
$size: 4px;
content: "";
position: absolute;
left: -6px;
top: 9px;
width: $size;
height: $size;
border-radius: $size;
background: var(--baseAlt4Color);
}
.options-trigger {
i {
transition: transform var(--baseAnimationSpeed);