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.

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

Add inline editing to record block #1282

Merged
merged 1 commit into from Jul 10, 2023

Conversation

kelanik8
Copy link
Contributor

The following changes are implemented

TODO: Summary

Changes in the user interface:

TODO: Add screenshots, recordings or remove this section

Checklist when submitting a final (!draft) PR

  • Commits are tidied up, squashed if needed and follow guidelines in CONTRIBUTING.md
  • Code builds
  • All existing tests pass
  • All new critical code is covered by tests
  • PR is linked to the relevant issue(s)
  • Rebased with the target branch

@kelanik8 kelanik8 requested a review from Fajfa June 27, 2023 12:38
@kelanik8 kelanik8 self-assigned this Jun 27, 2023
@kelanik8 kelanik8 linked an issue Jun 27, 2023 that may be closed by this pull request
4 tasks
transition: opacity 0.25s;
}

.field-label:hover .inline-actions {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It should be displayed when you hover over the field element, not just the label part)

@@ -224,3 +296,25 @@ export default {
min-height: 1.2rem;
}
</style>

<style lang="scss" scoped>
.field-label{
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can do inline styles in template for this (d-flex align-items-center), the gap you dont need since you have ml-1 on the inline action anyway

}

.inline-actions {
width: fit-content;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I dont think you need this

cols="12"
md="6"
>
<b-form-group
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This can be in the general settings section, it belongs there.

md="6"
>
<b-form-group
:label="$t('record.inlineEdit.enabled')"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The translation is missing here, should be same/similar as the one in the record list

@@ -245,6 +245,7 @@ record:
listLoadFailed: Could not load record list
moduleOrPageNotSet: 'RecordList block error: module or page option not set'
moduleMismatch: Module incompatible, module mismatch
recordLabel: Records
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since you dont need the extra section, you wont need this

@katrinDY
Copy link
Contributor

katrinDY commented Jul 3, 2023

todo: disable the edit btn when we're in page builder

Copy link
Member

@Fajfa Fajfa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Apply the field editor changes to all field editors that have label.

@Fajfa Fajfa force-pushed the 2023.3.x-feature-add-inline-editing-record-block branch 2 times, most recently from eb30bfc to fc6dbe8 Compare July 5, 2023 14:16
@katrinDY
Copy link
Contributor

katrinDY commented Jul 6, 2023

Writing this down so I don't forget it:

  • inline editing is not disabled on my end when I'm in page builder
  • field label isn't truncated but split into two or more lines depending on the field length on samsung s20+ ultra
Screenshot 2023-07-06 at 13 14 37
  • in inline editing modal, long-label text appears under the delete button
Screenshot 2023-07-06 at 13 17 28

@katrinDY
Copy link
Contributor

katrinDY commented Jul 6, 2023

LGTM

@kelanik8 kelanik8 force-pushed the 2023.3.x-feature-add-inline-editing-record-block branch 2 times, most recently from 8dc5664 to 3044263 Compare July 6, 2023 13:29
@katrinDY
Copy link
Contributor

katrinDY commented Jul 7, 2023

LGTM

@kelanik8 kelanik8 force-pushed the 2023.3.x-feature-add-inline-editing-record-block branch from dcc20be to 0b9ccdb Compare July 10, 2023 10:37
@kelanik8 kelanik8 merged commit 0b9ccdb into 2023.3.x Jul 10, 2023
1 check passed
@kelanik8 kelanik8 deleted the 2023.3.x-feature-add-inline-editing-record-block branch July 10, 2023 10:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Inline editing in record block
3 participants