mirror of
https://github.com/linuxserver/Heimdall.git
synced 2026-02-21 04:00:34 +09:00
Changes to the tooltips
This commit is contained in:
15
public/css/app.css
vendored
15
public/css/app.css
vendored
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user