made tooltip-styles globally available
This commit is contained in:
parent
6f75b90108
commit
3cadf224af
@ -2,7 +2,12 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
.tooltip__handle {
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip__handle {
|
||||||
background-color: var(--color-dark);
|
background-color: var(--color-dark);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
@ -14,9 +19,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip__content {
|
.tooltip__content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -10px;
|
top: -10px;
|
||||||
transform: translateY(-100%);
|
transform: translateY(-100%);
|
||||||
@ -48,11 +53,6 @@
|
|||||||
left: 10px;
|
left: 10px;
|
||||||
bottom: -8px;
|
bottom: -8px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|||||||
Reference in New Issue
Block a user