-
Notifications
You must be signed in to change notification settings - Fork 32
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
[FIX] popover: adjusted z-index for popover and grid composer #2156
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
src/components/popover.ts
Outdated
@@ -7,7 +7,7 @@ const { xml } = tags; | |||
|
|||
const TEMPLATE = xml/* xml */ ` | |||
<Portal target="'.o-spreadsheet'"> | |||
<div t-att-style="style"> | |||
<div t-att-style="style" t-attf-class="o-popover"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div t-att-style="style" t-attf-class="o-popover"> | |
<div class="o-popover" t-att-style="style"> |
useless and harder to read to use a t-attf
for something static
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changes made
@@ -15,6 +15,10 @@ const CSS = css/* scss */ ` | |||
border-left: 3px solid red; | |||
padding: 10px; | |||
} | |||
|
|||
.o-popover:has(.o-error-tooltip) { | |||
z-index: 4 !important; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
note for forward port: should be in enum ComponentImportance
after 16.0.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I am aware of this and already did the research of how i can achieve the same in 16.0 and above.
Currently error tooltip is overlapping composer assistant when one tries to modify arguments within the grid composer. It arises because of a conflict in the z-index values between the popover and grid composer components. To resolve this problem, the z-index of the popover component was reduced. Now, the popover is behind the grid composer and allows user to view composer assistant properly . task-3211697
6537c21
to
0138dc3
Compare
small note: when creating the PR, you should update the "TASK_ID" in both the link label and the link itself, otherwise it's just a dead link 😛 |
@robodoo r+ |
Currently error tooltip is overlapping composer assistant when one tries to modify arguments within the grid composer. It arises because of a conflict in the z-index values between the popover and grid composer components. To resolve this problem, the z-index of the popover component was reduced. Now, the popover is behind the grid composer and allows user to view composer assistant properly . task-3211697 closes #2156 Signed-off-by: Rémi Rahir (rar) <rar@odoo.com>
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
7 similar comments
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
@dhrp-odoo @rrahir this pull request has forward-port PRs awaiting action (not merged or closed): |
Description:
Currently error tooltip is overlapping composer assistant when one tries to
modify arguments within the grid composer. It arises because of a conflict in
the z-index values between the popover and grid composer components.
To resolve this problem, the z-index of the popover component was reduced.
Now, the popover is behind the grid composer and allows user to view composer
assistant properly.
Odoo task ID : 3211697
review checklist