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

Improve expand button and styling #56

Draft
wants to merge 3 commits into
base: main
Choose a base branch
from
Draft

Conversation

fdiblen
Copy link
Member

@fdiblen fdiblen commented Mar 5, 2021

Refs: #44 #45

Changes

  • Show expand button only when it is necessary
  • Adjust alignment (center everything except url)
  • Always show sorting arror
  • Adjust header font
  • Adjust body font
  • Adjust icon sizes
  • Smaller font size for stdout and stderror
  • Show expand button only if there is stderr or stdout
  • Show stderr and stdout only when they exist

How to test

  1. Add some urls to a txt file
    Example file content:
https://github.com/SCM-NV/qmflows
https://github.com/3D-e-Chem/sygma
https://github.com/3D-e-Chem/3D-e-Chem-VM
https://github.com/NLeSC/ahn-pointcloud-viewer-ws
https://github.com/NLeSC/ahn-pointcloud-viewer
https://github.com/nlesc-ave/ave-rest-service
  1. Run fairtally
    fairtally --input-file rsd-urls.txt
  2. Compare tally.html with the screenshot below

Screenshot
image

Show expand button only when it is necessary
Adjust alignment (center everything except url)
Always show sorting arror
Adjust header font
Adjust body font
Adjust icon sizes
Smaller font size for stdout and stderror
Show expand button only if there is stderr or stdout
Show stderr and stdout only when they exist
@fdiblen fdiblen changed the title Move expand button Improve expand button and styling Mar 5, 2021
@fdiblen fdiblen changed the title Improve expand button and styling 44-45-Improve expand button and styling Mar 5, 2021
@fdiblen fdiblen added the standup label Mar 5, 2021
Copy link
Member

@sverhoeven sverhoeven left a comment

Choose a reason for hiding this comment

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

I verifed that expand button has moved and is only shown when stderr|stdout is truthy, good job

When expanded the collapse button moves out of screen. Can a scrollbar be added to the stdout/stderr div?

Showing the sort icons always is confusing to me. Which column is it sorted on now is not clear. Can the icons of non-sorted colums be hidden or grayed out?

}, {
name: 'expand',
required: true,
label: '',
Copy link
Member

Choose a reason for hiding this comment

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

Can log be used as text inside the header?

fairtally/data/index.html.template Outdated Show resolved Hide resolved
@fdiblen fdiblen removed the standup label Mar 8, 2021
@fdiblen fdiblen marked this pull request as draft March 8, 2021 09:51
@jspaaks jspaaks changed the title 44-45-Improve expand button and styling Improve expand button and styling Mar 8, 2021
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.

2 participants