News Ticker

frontend/shell/css/nav.css

@@ -4,6 +4,7 @@
     display: flex;
     flex: 1;
     gap: 15px;
+    min-width: 0;
 }
 
 .nav-link {
@@ -18,4 +19,30 @@
     border-radius: 5px;
     margin-left: auto;
     padding: 5px 10px;
+}
+
+.news-ticker {
+    color: #00FF41;
+    display: none;
+    flex: 1;
+    margin-left: auto;
+    max-width: 480px;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.news-ticker-content {
+    animation: news-ticker-animation 10s linear forwards;
+    display: inline-block;
+    padding-left: 100%;
+}
+
+@keyframes news-ticker-animation {
+    from {
+        transform: translateX(0);
+    }
+
+    to {
+        transform: translateX(-100%);
+    }
 }