diff --git a/assets/style.css b/assets/style.css index a9d0b33..c3ba66c 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,3 +1,4 @@ + /* Public Domain - Radioplayer Stylesheet */ @font-face { @@ -476,36 +477,18 @@ footer a:hover { /* --- MOBILE OPTIMIERUNG (Komplett bereinigt) --- */ @media (max-width: 600px) { - :root { - --header-height: 85px; - } - #aktueller-sender { - height: 38px; - line-height: 38px; display: flex; align-items: center; - justify-content: flex-start; - padding: 0 10px; /* Etwas weniger Padding auf schmalen Handys */ + justify-content: center; /* Standard: Zentriert */ } - #current-station-name { - font-size: 1rem !important; - font-weight: 600; - display: inline-block; - /* Verhindert, dass der Text vor der Animation springt */ - transform: translateX(0); - margin: 0; - } - - .marquee-active { - font-size: 0.90rem !important; - /* Die Animation muss zwingend bei 0 starten */ - animation: marquee-pause 15s linear infinite; - padding-right: 50px; /* Puffer am Ende des Textes */ + /* Diese Klasse wird per JS hinzugefügt, wenn der Text zu lang ist */ + #aktueller-sender.has-marquee { + justify-content: flex-start !important; } - .share-row, .json-row { - flex-direction: column; + #current-station-name { + transition: none !important; /* Erzwingt Ruhe beim Umschalten */ } } \ No newline at end of file