Fix excessive link hover animations on homelab page

Fix circular icon bubbles being ovals
This commit is contained in:
Ethan Paul 2022-04-02 12:12:43 -04:00
parent 0587836498
commit 4158a5991b
No known key found for this signature in database
GPG Key ID: 6A337337DF6B5B1A
1 changed files with 6 additions and 5 deletions

View File

@ -539,10 +539,13 @@ body.mobile-nav-active #mobile-nav-toggle {
#network .service-icon {
float: left;
background-color: #fff;
padding: 16px;
border-radius: 50%;
transition: 0.5s;
border: 1px solid black;
width: 6rem;
height: 6rem;
padding-top: 1.6rem;
text-align: center;
}
#network .service-icon i {
@ -550,16 +553,14 @@ body.mobile-nav-active #mobile-nav-toggle {
font-size: 24px;
}
#network .service-item:hover .service-icon {
#network a:hover .service-icon {
border: 1px solid #003777;
outline: 0;
color: white;
background-color: #003777;
}
#network .service-item:hover .service-icon i {
color: white;
}
#network a:hover .service-icon i { color: white; }
#network .service-icon-no-link {
float: left;