pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Dashboard icons - send to back and fixing position when scaled up (#1915)

Browse Source 
* Dashboard icons - send to back and fixing position when scaled up

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2021-10-04 17:22:38 -03:00
committed by GitHub
parent 0bfa8fc211
commit 1ac7e1b50a
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/pi-hole.css
+11
View File
@@ -329,6 +329,17 @@
.box,
.small-box {
border-radius: 10px;
z-index: 0; /* fix the small-box z-index (related to '.small-box .icon') */
}
.small-box .icon {
z-index: -1; /* sends the icon behind the text */
}
/*** Icons grow on hover, but remain centered ***/
.small-box:hover .icon {
font-size: 90px; /* keep the same font-size, to avoid shifting the position */
transform: scale(106%);
}
.list-status-0 {