Skip to content

RHOAIENG-24684: fix(jupyter/utils/addon) fix vertical centering of the PatternFly spinner #1029

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

Merged
merged 1 commit into from
May 6, 2025

Conversation

jiridanek
Copy link
Member

@jiridanek jiridanek commented Apr 25, 2025

https://issues.redhat.com/browse/RHOAIENG-24684

Follows up on

Description

After we switched to the css without global css reset, we no longer have the rule

  :where(html, body) {
    height: 100%;
  }

present, and it causes the spinner to be tucked to the top edge of screen.

image

How Has This Been Tested?

Played with it a while.

I've checked that setting this does not visibly change how JupyterLab (with TensorBoard open) displays.

Merge criteria:

  • The commits are squashed in a cohesive manner and have meaningful messages.
  • Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
  • The developer has manually tested the changes and verified that the changes work

…e PatternFly spinner

After we switched to the css without global css reset, we no longer have the rule

```
  :where(html, body) {
    height: 100%;
  }
```

present, and it causes the spinner to be tucked to the top edge of screen.

I've checked that setting this does not visibly change how JupyterLab (with TensorBoard open) displays.
@openshift-ci openshift-ci bot requested review from jstourac and paulovmr April 25, 2025 08:01
Copy link
Contributor

openshift-ci bot commented Apr 25, 2025

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign jstourac for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@jiridanek
Copy link
Member Author

/retest rocm-jupyter-pytorch-ubi9-python-3-11-on-pull-request

This comment was marked as outdated.

@jstourac
Copy link
Member

Okay, thank you for this. In general, this is LGTM. I have couple of questions:

  1. wouldn't be better to track this as a separate issue (Jira) than attaching it to the existing and closed one? the fix for this will end up in 2.21 and not in 2.20 as the original issue is saying
  2. does this have any affect RHOAIENG-24181: chore(jupyter/utils/addons): tree-shake the PatternFly CSS used to add spinner to JupyterLab-based workbenches #1024?

I'll give the lgtm, but I would rather see these questions above answered first.

/lgtm

@jiridanek
Copy link
Member Author

jiridanek commented Apr 28, 2025

I guess I can open special Jira just for this: https://issues.redhat.com/browse/RHOAIENG-24684

this has no impact on the tree shaking

@jiridanek jiridanek changed the title RHOAIENG-20553: fix(jupyter/utils/addon) fix vertical centering of the PatternFly spinner RHOAIENG-24684: fix(jupyter/utils/addon) fix vertical centering of the PatternFly spinner Apr 30, 2025
@openshift-ci openshift-ci bot added size/xs and removed size/xs labels Apr 30, 2025
@jiridanek jiridanek merged commit c6534cc into opendatahub-io:main May 6, 2025
32 of 37 checks passed
@jiridanek jiridanek deleted the jd_vertical_center_pf branch May 6, 2025 09:33
jiridanek added a commit that referenced this pull request May 7, 2025
…e PatternFly spinner (#1029)

After we switched to the css without global css reset, we no longer have the rule

```
  :where(html, body) {
    height: 100%;
  }
```

present, and it causes the spinner to be tucked to the top edge of screen.

I've checked that setting this does not visibly change how JupyterLab (with TensorBoard open) displays.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants