Update style.css

This commit is contained in:
deepend-tildeclub 2024-08-17 10:43:49 -06:00 committed by GitHub
parent cc913bad6d
commit 5f2dee4000
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 5 deletions

View File

@ -294,7 +294,7 @@ pre {
.active-users-container { .active-users-container {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
align-items: center; /* Vertically align the text and scrolling list */ align-items: center;
white-space: nowrap; white-space: nowrap;
} }
@ -303,17 +303,17 @@ pre {
box-sizing: border-box; box-sizing: border-box;
padding-left: 10px; /* Space between heading and scrolling list */ padding-left: 10px; /* Space between heading and scrolling list */
background-color: #111; background-color: #111;
border-radius: 0.25em;
border: 1px solid #fb5;
color: #fb5; color: #fb5;
width: 100%; /* Make the list take up the rest of the available space */ width: 100%; /* Make the list take up the rest of the available space */
} }
.active-users-list ul { .active-users-list ul {
display: inline-block; display: inline-block;
animation: scroll-left 15s linear infinite; padding: 0;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
white-space: nowrap;
animation: scroll-left 15s linear infinite;
} }
.active-users-list li { .active-users-list li {
@ -325,12 +325,18 @@ pre {
@keyframes scroll-left { @keyframes scroll-left {
0% { 0% {
transform: translateX(100%); transform: translateX(0);
} }
100% { 100% {
transform: translateX(-100%); transform: translateX(-100%);
} }
} }
.active-users-list ul::after {
content: '';
display: inline-block;
width: 100%; /* Width of the space to repeat */
}