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

update red "not operational" dot position and transition
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 19:09:59 +01:00
parent 5949d72541
commit 1073309646
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -172,20 +172,21 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-100%, -50%);
background-color: var(--bs-danger); background-color: var(--bs-danger);
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 50%; border-radius: 50%;
transition: 0.3s ease; transition: 0.1s ease;
} }
.sidebar .sidebar-content .sidebar-item.is-not-operational:hover::before, .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:focus::before,
.sidebar .sidebar-content .sidebar-item.is-not-operational.active::before { .sidebar .sidebar-content .sidebar-item.is-not-operational.active::before {
transition: 0.3s ease;
width: 0.25rem; width: 0.25rem;
height: 60px; height: 60px;
border-radius: var(--bs-border-radius-sm); border-radius: 0.25rem 0 0 0.25rem;
} }
.sidebar .sidebar-content .sidebar-item .sidebar-item-image { .sidebar .sidebar-content .sidebar-item .sidebar-item-image {