Update style.css

This commit is contained in:
deepend-tildeclub 2024-08-17 11:42:50 -06:00 committed by GitHub
parent e40c9bea2d
commit a997631cc6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions

View File

@ -296,14 +296,13 @@ pre {
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
overflow: hidden; /* Hide overflow to prevent scrolling glitches */ overflow: hidden; /* Ensure no overflow */
} }
.active-users-list { .active-users-list {
overflow: hidden;
position: relative; position: relative;
width: 100%; width: 100%;
height: 2em; /* Adjust height as needed */ height: 2em; /* Set a consistent height */
} }
.active-users-list ul { .active-users-list ul {
@ -312,7 +311,7 @@ pre {
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
white-space: nowrap; white-space: nowrap;
animation: scroll-left 30s linear infinite; animation: scroll-left 60s linear infinite; /* Adjust duration for smoother scrolling */
} }
.active-users-list li { .active-users-list li {
@ -332,10 +331,10 @@ pre {
@keyframes scroll-left { @keyframes scroll-left {
0% { 0% {
transform: translateX(100%); /* Start off-screen */ transform: translateX(0); /* Start at the beginning */
} }
100% { 100% {
transform: translateX(-100%); /* End off-screen */ transform: translateX(-100%); /* Move entire list left */
} }
} }