Skip to content

[SPARK-33422][DOC] Fix the correct display of left menu item #30335

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

Closed
wants to merge 3 commits into from
Closed

[SPARK-33422][DOC] Fix the correct display of left menu item #30335

wants to merge 3 commits into from

Conversation

liucht-inspur
Copy link
Contributor

@liucht-inspur liucht-inspur commented Nov 11, 2020

What changes were proposed in this pull request?

Limit the height of the menu area on the left to display vertical scroll bar

Why are the changes needed?

The bottom menu item cannot be displayed when the left menu tree is long

Does this PR introduce any user-facing change?

Yes, if the menu item shows more, you'll see it by pulling down the vertical scroll bar

before:
image

after:
image

How was this patch tested?

NA

@github-actions github-actions bot added the DOCS label Nov 11, 2020
@maropu
Copy link
Member

maropu commented Nov 11, 2020

ok to test

@maropu maropu changed the title [SPARK-33422][DOC] Fix the correct display of left menu item [SPARK-33422][SQL][DOC] Fix the correct display of left menu item Nov 11, 2020
@maropu
Copy link
Member

maropu commented Nov 11, 2020

I've checked it manually and the change seems fine. cc: @HyukjinKwon @gatorsmile @huaxingao

@SparkQA
Copy link

SparkQA commented Nov 11, 2020

Test build #130935 has finished for PR 30335 at commit 31996a1.

  • This patch passes all tests.
  • This patch merges cleanly.
  • This patch adds no public classes.

@SparkQA
Copy link

SparkQA commented Nov 11, 2020

Kubernetes integration test starting
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35541/

@SparkQA
Copy link

SparkQA commented Nov 11, 2020

Kubernetes integration test status success
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35541/

@SparkQA
Copy link

SparkQA commented Nov 12, 2020

Test build #130953 has finished for PR 30335 at commit 0dff48a.

  • This patch passes all tests.
  • This patch merges cleanly.
  • This patch adds no public classes.

@SparkQA
Copy link

SparkQA commented Nov 12, 2020

Kubernetes integration test starting
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35559/

@SparkQA
Copy link

SparkQA commented Nov 12, 2020

Kubernetes integration test status success
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35559/

@@ -325,6 +325,7 @@ a.anchorjs-link:hover { text-decoration: none; }
border-bottom-width: 0px;
margin-top: 0px;
width: 210px;
height: 80%;
Copy link
Member

Choose a reason for hiding this comment

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

Looks like it wouldn't work properly when the side bar is folded:

Before:

Screen Shot 2020-11-12 at 1 24 49 PM

After:

Screen Shot 2020-11-12 at 1 24 53 PM

Copy link
Member

Choose a reason for hiding this comment

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

also the end of bat does not seem matching:
Screen Shot 2020-11-12 at 1 26 30 PM

@@ -325,6 +325,7 @@ a.anchorjs-link:hover { text-decoration: none; }
border-bottom-width: 0px;
margin-top: 0px;
width: 210px;
Copy link
Member

Choose a reason for hiding this comment

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

Since we're here, shall we batch left-menu.width to 210 px too? That makes the subtitles look truncated. I don't know why we made that longer specifically (https://github.com/apache/spark/pull/25459/files#r521829348).

And, actually we should make the width itself more wider. I would suggest to make it 280px. cc @gatorsmile and @dilipbiswal

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hi @HyukjinKwon As I modified, the horizontal scrollbar can be displayed and used after setting the height to 80%
after:
image

Copy link
Member

Choose a reason for hiding this comment

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

How does that sound @HyukjinKwon

Copy link
Member

Choose a reason for hiding this comment

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

That's fine. Can be separately done. but I think we should still fix #30335 (comment).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ok,Thanks @HyukjinKwon and @srowen , I will submit the code separately as a fix for the next issues.

@dongjoon-hyun dongjoon-hyun changed the title [SPARK-33422][SQL][DOC] Fix the correct display of left menu item [SPARK-33422][DOC] Fix the correct display of left menu item Nov 13, 2020
@liucht-inspur
Copy link
Contributor Author

@HyukjinKwon
Copy link
Member

@liucht-inspur, can you try what I mentioned in #30335 (comment)? After this change, it looks a bit odds when it's folded.

@liucht-inspur
Copy link
Contributor Author

Hi @HyukjinKwon I have finished the repair, please help to review,thanks!
before:
image
image
after:
image
image

@SparkQA
Copy link

SparkQA commented Nov 18, 2020

Test build #131275 has finished for PR 30335 at commit 5dee41d.

  • This patch passes all tests.
  • This patch merges cleanly.
  • This patch adds no public classes.

@SparkQA
Copy link

SparkQA commented Nov 18, 2020

Kubernetes integration test starting
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35879/

@SparkQA
Copy link

SparkQA commented Nov 18, 2020

Kubernetes integration test status failure
URL: https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder-K8s/35879/

@liucht-inspur
Copy link
Contributor Author

cc @HyukjinKwon @srowen

@HyukjinKwon
Copy link
Member

Okay, at least it looks better.

Merged to master and branch-3.0.

@HyukjinKwon
Copy link
Member

Thanks for your contribution @liucht-inspur.

HyukjinKwon pushed a commit that referenced this pull request Nov 20, 2020
### What changes were proposed in this pull request?
Limit the height of the menu area on the left to display vertical scroll bar

### Why are the changes needed?

The bottom menu item cannot be displayed when the left menu tree is long

### Does this PR introduce any user-facing change?

Yes, if the menu item shows more, you'll see it by pulling down the vertical scroll bar

before:
![image](https://user-images.githubusercontent.com/28332082/98805115-16995d80-2452-11eb-933a-3b72c14bea78.png)

after:
![image](https://user-images.githubusercontent.com/28332082/98805418-7e4fa880-2452-11eb-9a9b-8d265078297c.png)

### How was this patch tested?
NA

Closes #30335 from liucht-inspur/master.

Authored-by: liucht <[email protected]>
Signed-off-by: HyukjinKwon <[email protected]>
(cherry picked from commit cbc8be2)
Signed-off-by: HyukjinKwon <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants