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

[frontend] fixed calendar button alignment in Oozie WF Submit form #3740

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

tarunjangid
Copy link
Contributor

@tarunjangid tarunjangid commented May 17, 2024

What changes were proposed in this pull request?

  • Ref: CDPD-66097
  • This PR aims to resolve 2 issues in the Submit form:
  1. When the screen is zoom out, the calendar button does not align if the number of arguments is more than 3. If we zoom in the button should get aligned to its original place, which does not happen at the moment.
  2. The calendar does not hide if we click anywhere outside calendar control.

How was this patch tested?

  • manually tested.
  • attaching screen recording of before and after.

Before:

before_changes.mov

After:

after_changes.mov

Please review Hue Contributing Guide before opening a pull request.

@Harshg999
Copy link
Collaborator

Thanks @tarunjangid for contributing a fix! I've tagged the UI code owners for reviewing this PR.
On a side note, please don't add the link to internal JIRAs in PR description.

position: fixed;
}
#param-container .btn-group.open {
position: absolute !important;
Copy link
Contributor

Choose a reason for hiding this comment

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

Do you need !important here? If so perhaps some other class is more specific...

@@ -168,6 +172,14 @@ else:
huePubSub.subscribeOnce('hide.datepicker', function () {
_el.datepicker('hide');
});
$(document).on("click.hideDatepicker", function (event) {
Copy link
Contributor

Choose a reason for hiding this comment

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

This attaches an event listener on every click ($(".calendera-link").on("click" ... above). Better to attach it on show and detach on hide.

_el.datepicker('hide');
}
});
$(".calendar-link, input[type='text']").on("click.stopPropagation", function(event) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Same.

@@ -218,4 +230,4 @@ else:
</div>
</div>
%endif
</%def>
</%def>
Copy link
Collaborator

Choose a reason for hiding this comment

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

This is an unintentional change I suppose?

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.

None yet

4 participants