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

Changes "Hide" button on Pipeline summary to fully hide the paper card #305

Merged
merged 2 commits into from
Nov 21, 2018

Conversation

rileyjbauer
Copy link
Contributor

@rileyjbauer rileyjbauer commented Nov 16, 2018

Fixes: #289

Now, when the summary is hidden, a "Show summary" button will appear at the bottom of the graph to reopen the card.

Additionally, added a small note reading "Static pipeline graph" to the bottom of the graph.

Summary shown:
image

Summary hidden:
image


This change is Reviewable

Copy link
Contributor

@yebrahim yebrahim left a comment

Choose a reason for hiding this comment

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

/lgtm

fontSize: fontsize.small,
lineHeight: '24px',
paddingLeft: 6,
},
nodeName: {
Copy link
Contributor

Choose a reason for hiding this comment

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

I think we need to shake down the summaryCard class, it has unneeded rules now.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think I can remove backgroundColor, maxHeight, and overflow. Was there anything else you were thinking?

Copy link
Contributor

Choose a reason for hiding this comment

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

This seems fine.

frontend/src/pages/PipelineDetails.tsx Outdated Show resolved Hide resolved
frontend/src/pages/PipelineDetails.tsx Outdated Show resolved Hide resolved
@yebrahim
Copy link
Contributor

/lgtm cancel

@k8s-ci-robot k8s-ci-robot removed the lgtm label Nov 19, 2018
Now, when the summary is hidden, a "Show summary" button will appear at the bottom of the graph to reopen the card.

Additionally, added a small note reading "Static pipeline graph" to the bottom of the graph
Copy link
Contributor

@ajayalfred ajayalfred left a comment

Choose a reason for hiding this comment

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

Looks good. It's a little strange that the (i) info text moves under the overlay when expanded. If its possible to make it appear to the right of the expanded overlay, that would be ideal.

That said, I will be proposing some UX changes to this page to improve usability. So this layout change may not be necessary at the moment.

For the info text ("Static pipeline graph"), please use this style – Roboto Regular, 12px, #80868b, letter-spacing: 0.21px

Copy link
Contributor

@yebrahim yebrahim left a comment

Choose a reason for hiding this comment

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

/lgtm

@yebrahim
Copy link
Contributor

/approve

@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: yebrahim

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

The pull request process is described 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

1 similar comment
@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: yebrahim

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

The pull request process is described 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

@k8s-ci-robot k8s-ci-robot merged commit 18f54d9 into master Nov 21, 2018
@k8s-ci-robot
Copy link
Contributor

@rileyjbauer: The following test failed, say /retest to rerun them all:

Test name Commit Details Rerun command
presubmit-unit-test 9def4c1 link /test presubmit-unit-test

Full PR test history. Your PR dashboard. Please help us cut down on flakes by linking to an open issue when you hit one in your PR.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository. I understand the commands that are listed here.

@rileyjbauer
Copy link
Contributor Author

@ajayalfred, I've made the changes you suggested, including moving the info text to the right of the summary card in #353. Please take a look

@IronPan IronPan deleted the hide-pipeline-graph-summary branch June 28, 2019 18:46
Linchin pushed a commit to Linchin/pipelines that referenced this pull request Apr 11, 2023
magdalenakuhn17 pushed a commit to magdalenakuhn17/pipelines that referenced this pull request Oct 22, 2023
HumairAK pushed a commit to red-hat-data-services/data-science-pipelines that referenced this pull request Mar 11, 2024
* Update UI to get archived logs if available

* Fix formatting

* Add note in admin guide

* Add note in admin guide

* Fix typo from kubeflow#299 and lint format

* Add bracket
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.

4 participants