hover modal

Author: HoangTran0410

scripts/ufs_statistic.css

@@ -88,13 +88,16 @@ li:hover .show-on-hover {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.5);
   flex-direction: column;
   align-items: center;
   justify-content: center;
   z-index: 9999;
 }
 
+.modal:has(.modal-content:hover) {
+  background: rgba(0, 0, 0, 0.5);
+}
+
 .modal-content {
   background: #2c2c2c;
   padding: 20px;
@@ -108,6 +111,12 @@ li:hover .show-on-hover {
   display: flex;
   flex-direction: column;
   align-items: center;
+  opacity: 0.05;
+  transition: opacity 0.1s ease;
+}
+
+.modal-content:hover {
+  opacity: 1;
 }
 
 .modal-header {