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.

Sign up for GitHub

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

Jump to bottom

Improve the starting page UI #737

Merged
merged 17 commits into from Apr 11, 2024
Merged

Improve the starting page UI #737

merged 17 commits into from Apr 11, 2024

Conversation

tadast
Copy link
Collaborator

@tadast tadast commented Apr 10, 2024 •
edited

This change migrates the starting page from using custom CSS + bootstrap to tailwindcss.

Reasons for migrating:

  • it's much faster to iterate design with tailwindcss
  • reliance on an old version of bootrap, its js libs and jQuery slows down development, increases the js package size and some potentially no longer maintained js libs. While this change does not remove these dependencies, it takes the repo one step closer to this goal.
  • it allows styling SequenceServer consistently with the other apps in the https://sequenceserver.com/cloud fleet

After
image

Before
image

tadast added 17 commits April 4, 2024 09:58
@tadast
Add tailwind
9b84c7c
@tadast
Use separate layout for search
708385d 
While gradually converting UI to use tailwind, we'll need a separate
layout for pages that use tailwind v.s. legacy CSS styles. Introduce
it and also make it configurable to make it more customizable
@tadast
Basic search page layout with tailwind
0a70814
@tadast
Backport bootstrap's tooltip styles
2ba239f
@tadast
Check if new version is available
69f193b
@tadast
Fix multi-algo dropdown UI
44af98b 
instead of relying on a boostrap UI JS, just rely on react
@tadast
Style modal and stop relying on bootstrap js to show it
8502ba5
@tadast
Remove unused CSS
ac63fed
@tadast
Tweaks for small screen layout, add help icon
99c82f6
@tadast
Load tree_js styles, but only if the element is rendered
af1897b
@tadast
Fix logo, fontawesome icons, adnvanced params bg
ec315c6
@tadast
Port Drag and Drop styles to tailwind
9e77509
@tadast
Port advanced params dropdown and improve mobile layout
5adcd0c
@tadast
Minify CSS
ad5e52a
@tadast
Add screen-reader values for drop-down buttons, use them in tests
2cff61f
@tadast
Fix js tests
6dfeedf
@tadast
Improve colours, hover states and UI for clearing input sequence
1a5ec63
@yannickwurm yannickwurm merged commit 0297d1a into wurmlab:master Apr 11, 2024
3 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

None yet
2 participants
@tadast @yannickwurm