Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom asset field editor ux redesign #18577

Open
wants to merge 19 commits into
base: main
Choose a base branch
from
+261 −276
Open

Custom asset field editor ux redesign #18577

Changes from 1 commit
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
db4d979
custom asset field editor ux redesign
cconard96 Dec 18, 2024
24ff200
re-add button to create new field
cconard96 Jan 4, 2025
cfa8aaf
smoother move between displayed and sidebar
cconard96 Jan 5, 2025
63b3a36
drag full field
cconard96 Jan 6, 2025
a34951e
hover visibility only with mouse
cconard96 Jan 6, 2025
a51512c
fix active toggle after drag
cconard96 Jan 6, 2025
c2106bc
change field styles
cconard96 Jan 6, 2025
64a34f8
fix search
cconard96 Jan 6, 2025
9bbb52f
move field markers after label
cconard96 Jan 6, 2025
ab8e307
hover style for new field button
cconard96 Jan 6, 2025
fcbc1ff
fix full width
cconard96 Jan 6, 2025
0b8d793
change new field button styles
cconard96 Jan 6, 2025
cac8308
fix options for custom fields
cconard96 Jan 6, 2025
7136705
test fixes
cconard96 Jan 7, 2025
584d9aa
missed replacement
cconard96 Jan 7, 2025
107b478
hide sections when empty
cconard96 Jan 7, 2025
9ca2f86
always show custom field section
cconard96 Jan 8, 2025
54d8b3b
try waiting for request
cconard96 Jan 9, 2025
bc84fcf
cypress is breaking Vue renders
cconard96 Jan 9, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
drag full field
  • Loading branch information
@cconard96
cconard96 committed Jan 8, 2025
commit 63b3a36c13bf91a7d48a62741ca996c9d6adbe97
5 changes: 1 addition & 4 deletions js/src/vue/CustomObject/FieldPreview/Field.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,14 +17,11 @@
</script>

<template>
<div :class="`sortable-field align-items-center ${field_options.full_width ? 'col-12' : 'col-12 col-sm-6'}`"
<div :class="`sortable-field align-items-center ${field_options.full_width ? 'col-12' : 'col-12 col-sm-6'} cursor-grab`"
:data-key="field_key" :data-customfield-id="customfields_id">
<input type="hidden" name="fields_display[]" :value="field_key" :disabled="!is_active" />
<slot name="field_options"></slot>
<div :class="`form-field row flex-grow-1 m-1`">
<div class="col-auto align-content-center">
<i class="ti ti-grip-vertical sort-handle"></i>
</div>
<div class="col py-2">
<slot name="field_markers"></slot>
<slot name="field_label"></slot>
Expand Down