corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

"bot not operational" indicator on sidebar items
All checks were successful
Build and Push Docker Image / build (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-10-11 18:54:32 +01:00
parent b2e75e6924
commit 5949d72541
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/home/static/home/css/sidebar.css
View File

@ -151,6 +151,7 @@
/* Content - Servers */
.sidebar .sidebar-content .sidebar-item {
position: relative;
display: flex;
align-items: center;
width: 100%;
@ -166,6 +167,27 @@
background-color: var(--bs-body-bg);
}
.sidebar .sidebar-content .sidebar-item.is-not-operational::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
background-color: var(--bs-danger);
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
transition: 0.3s ease;
}
.sidebar .sidebar-content .sidebar-item.is-not-operational:hover::before,
.sidebar .sidebar-content .sidebar-item.is-not-operational:focus::before,
.sidebar .sidebar-content .sidebar-item.is-not-operational.active::before {
width: 0.25rem;
height: 60px;
border-radius: var(--bs-border-radius-sm);
}
.sidebar .sidebar-content .sidebar-item .sidebar-item-image {
display: flex;
justify-content: center;