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

change server-item spot hover effect

Browse Source 
now covers the full height, and the border radius of the server item creates straight edges to meet the expanded spot icon
This commit is contained in:
Corban-Lee Jones 2024-10-14 23:27:26 +01:00
parent 8a563ca51e
commit 4bad3fb45b
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/home/static/home/scss/sidebar.scss
View File

@ -144,7 +144,17 @@
// Highlight effect
&:not(:disabled):hover,
&:not(:disabled):focus,
&.active { background-color: var(--bs-body-bg); }
&.active {
background-color: var(--bs-body-bg);
&.spot {
border-radius: 0 $border-radius-sm $border-radius-sm 0;
}
}
// 'Spot' is an alert indicator, that appears as a coloured dot against a sidebar item
&.spot {
@ -168,9 +178,9 @@
&:not(:disabled):focus::before,
&.active::before {
transform: 0.15s ease;
transition: 0.15s ease;
width: 0.25rem;
height: 60px;
height: 100%;
border-radius: 0.25rem 0 0 0.25rem;
}