Skip to content

top part of users stempelheft page (users#show)

Sarah Zeitler and Marcus Fiala

Description:

The current filter section, especially the "Hovertext," is not visually appealing or easy to use. We aim to make it better by improving its design and functionality.

Goal:

  1. Hovertext to Normal Text
    Change the hovertext to always-visible text for better clarity.

  2. "Volles Stempelheft Abgeben" Visibility
    Show the button only when there are enough stamps.

  3. Responsiveness
    Make sure the filter section works well on all screen sizes.

  4. Adjust Button Padding
    Fix button padding for better alignment and a cleaner look.

Steps:

  1. Replace Hovertext

    • Find all hovertext in the filter section.
    • Update it to be visible by default or remove the text completely.
  2. Show Button Based on Stamps

    • Display the button only if the user has enough (check with the progress bar team).
  3. Make the Section Responsive

    • Ensure the layout adjusts properly on mobile and desktop.
  4. Fix Button Padding

    • Review button padding and make it consistent across the section.

Screenshot 2024-12-13 at 14.20.57.png

Edited by Marcus Fiala