Git Product home page Git Product logo

hel-face's People

Contributors

fingercomp avatar moonlightowl avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

hel-face's Issues

Error is shown even if everything is ok

Steps to reproduce

  1. Go to /#packages/hpm (or any other valid package name).
  2. Open /#packages/any-package-that-does-not-exist. An error message is shown, as expected.
  3. Open details of any existing package (e.g., /#packages/holo).

Expected behaviour

The error message should become hidden.

Actual behaviour

The error message is still unexpectedly shown, although no errors have occured.

Screenshots

  • Step 1: Step 1
  • Step 2: Step 2
  • Step 3: Step 3

Handle common errors differently than uncommon ones

Details

This is how "package not found" message looks right now:
Screenshot

It doesn't look user-friendly yet. Such common errors as 404, 403 should be handled differently than other errors.

Proposed changes

  • Do not show a scary error message in the header.
  • Display a card (looking a little differently than a regular card with package details, for example, set the bg color to red) with a human-readable error description and common things that may have caused the error.

Waterfall is broken

Details

If the height of the content is slightly more than the height of viewport, the header will roll up when scrolled down. But the scrollbar disappears after that, so there's no way to, erm, expand the header back.

Proposed solution

Remove the waterfall attribute, and reduce the bottom padding of the header.

Tag chips overlap the title

Steps to reproduce

  1. Shrink the width of browser.

Expected behaviour

The tags should go on the next line.

Actual behaviour

The tags overlap the title.

Screenshots

  • Screenshot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.