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

View File

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