Add tooltip to sign add to all pages feature (#2325)

This commit is contained in:
reecebrowne
2024-11-25 20:11:27 +00:00
committed by GitHub
parent 5936e856f0
commit da46d942ba
4 changed files with 30 additions and 30 deletions

View File

@@ -100,3 +100,30 @@ input:-webkit-autofill:focus {
input[data-autocompleted] {
background-color: transparent !important;
}
.btn-tooltip {
position: absolute;
display: none;
bottom: 3.2rem;
white-space: nowrap;
flex-wrap: nowrap;
width: fit-content;
padding: 7px;
background-color: rgba(0, 29, 41, 0.9);
border-radius: 3px;
font-size: 12px;
color: whitesmoke;
animation: fadeup 0.15s linear;
}
@keyframes fadeup {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.btn:hover .btn-tooltip {
display: block;
}

View File

@@ -286,34 +286,6 @@ label {
.checkbox-label {
font-size: medium;
}
.btn-tooltip {
position: absolute;
display: none;
bottom: 3.2rem;
white-space: nowrap;
flex-wrap: nowrap;
width: fit-content;
padding: 7px;
background-color: rgba(0, 29, 41, 0.9);
border-radius: 3px;
font-size: 12px;
color: whitesmoke;
animation: fadeup 0.15s linear;
}
.btn {
position: relative; /* Ensure the button is the positioning context for its children */
position: relative;
}
@keyframes fadeup {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.btn:hover .btn-tooltip {
display: block;
}