Home → Contao →

Verbesserungsvorschlag: Timeline responsive - Tablet

• Edit

Johann

20 Jun, 2023 09:17 PM

Produkt: Oneo Contao
Contao-Version: 4.13
Browser und Browserversionen: alle

Hallo,
bei der Timeline werden bei der Darstellung auf dem iPad bei längeren Wörtern die Buchstaben abgeschnitten. Dies ist auch bei eurer Demo so, man kann dies am Desktop sehr gut nachverfolgen wenn man das Fenster schmaler zieht. Was passiert hier und wie lässt sich dies fixen?

Danke

1. Support Staff 1 Posted by RockSolid Theme... on 21 Jun, 2023 02:10 PM

   

   Vielen Dank für Ihre Frage.

   Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

   .timeline-item > h3,
   .timeline-item-text h3,
   .timeline-item-text h4 {
       -webkit-hyphens: auto;
       hyphens: auto;
   }
   .timeline-item-text,
   .timeline-item > h3 {
       width: calc(45% - 1.5em);
   }
   @media screen and (max-width: 599px) {
       .timeline-item-text,
       .timeline-item > h3 {
           width: auto;
       }
   }
   

   • Edit