diff --git a/apps/home/static/home/css/sidebar.css b/apps/home/static/home/css/sidebar.css index bcb88ff..446e96f 100644 --- a/apps/home/static/home/css/sidebar.css +++ b/apps/home/static/home/css/sidebar.css @@ -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;