Changes to the tooltips

This commit is contained in:
Kode
2022-03-15 19:08:10 +00:00
parent 8499d100ff
commit 1e35f83fed
5 changed files with 34 additions and 13 deletions

15
public/css/app.css vendored
View File

@@ -1,4 +1,3 @@
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
@@ -420,11 +419,12 @@ body {
text-align: center;
line-height: 30px;
display: none;
z-index: 1;
}
.item-container .tooltip {
padding: 25px;
border-radius: 5px;
background: #00000038;
background: #000000c8;
color: white;
position: absolute;
bottom: 120px;
@@ -433,10 +433,15 @@ body {
font-size: 13px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
display: none;
z-index: 0;
opacity: 0;
transform: translateY(-20px);
transition: all 0.3s;
}
.item-container:hover .tooltip {
display: block;
.item-container .tooltip.active {
transform: translateY(0);
opacity: 1;
z-index: 2;
}
.black {