Skip to content

Card titles overflows out of the card #75

Description

@florianschwanz

Is your feature request related to a problem? Please describe.
In some cases card titles overflows out of the card. This happens especially with long words.
This happens especially on smaller devices.

Describe the solution you'd like

  • Identify terms that overlap
  • Add a dash inside the word where applicable
  • Make sure that card-height does not increase for some card
  • Make sure that optional dash is not displayed if a term would in one line - ideally make it somehow dynamic
    • get the card with from the view port
    • calculate the estimated word width
    • if the word width + a margin is bigger than the card width: use optional dashes, else: render the word without dashes

Describe alternatives you've considered
tbd

Additional context
This has been identified by Dennis on a Fairphone 5
Examples provided by Dennis are

  • Wirkungsquerschnitt -> Wirkungs-querschnitt
  • Quantenkryptographie -> Quanten-kryptographie
  • Übergangsamplitude -> Übergangs-amplitude
  • Quantenparallelismus -> Quanten-parallelismus
  • Ununterscheidbarkeit -> Ununter-scheidbarkeit
  • Wahrscheinlichkeits-amplitude -> Wahr-scheinlichkeits-amplitude
  • Quantenkommunikation -> Quanten-kommunikation
  • EPR-Gedankenexperiment -> EPR-Gedanken-experiment
  • Quantenteleportation -> Quanten-teleportation
  • Besetzungsinversion -> Besetzungs-inversion
  • Hintergrundstrahlung -> Hintergrund-strahlung
  • Vakuumpolarisation -> Vakuum-polarisation
  • Quantenmaschinelles Lernen -> Quanten-maschinelles Lernen
  • Wahrscheinlichkeits-interpretation -> Wahr-scheinlichkeits-interpretation

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions