diff --git a/frontend/shell/css/desktop.css b/frontend/shell/css/desktop.css
index 1be4296..31d2b63 100644
--- a/frontend/shell/css/desktop.css
+++ b/frontend/shell/css/desktop.css
@@ -1,3 +1,13 @@
+@media (min-width: 480px) {
+ .nav-link-account {
+ margin-left: 0;
+ }
+
+ .news-ticker {
+ display: inline;
+ }
+}
+
@media (min-width: 960px) {
.screen-narrow {
display: none;
@@ -11,6 +21,7 @@
@media (min-height: 540px) {
.header {
height: 60px;
+ padding: 10px 10px 10px 15px;
}
.nav-link-account {
diff --git a/frontend/shell/css/header.css b/frontend/shell/css/header.css
index 1075a1c..376eba5 100644
--- a/frontend/shell/css/header.css
+++ b/frontend/shell/css/header.css
@@ -10,7 +10,7 @@ body {
display: flex;
gap: 30px;
height: 40px;
- padding: 5px 15px;
+ padding: 5px 5px 5px 10px;
}
.screen-narrow {
diff --git a/frontend/shell/css/nav.css b/frontend/shell/css/nav.css
index cfdf8ea..ccb7163 100644
--- a/frontend/shell/css/nav.css
+++ b/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%);
+ }
}
\ No newline at end of file
diff --git a/frontend/shell/index.html b/frontend/shell/index.html
index 63c4ee4..0c41e17 100644
--- a/frontend/shell/index.html
+++ b/frontend/shell/index.html
@@ -27,6 +27,10 @@
Docs
Technical Documentation
+
+ Ubuntu 26.04 x86 64 LE is now available
+
+
Account