dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-24 20:41:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix slider tooltip being too low

Browse source
This commit is contained in:
Send_Nukez 2021-11-11 22:53:16 +01:00
parent 6de1a4e9e0
commit 4aa0998924
1 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/styles/Inputs.scss
View file

@ -42,26 +42,28 @@ textarea {
}
}
&::after {
z-index: 9999;
content: attr(tooltip);
position: absolute;
min-width: 50px;
top: -10px;
left: 50%;
transform: translateX(calc(-50%));
padding: 0 5px;
border-radius: 4px;
text-align: center;
color: spiceColor("sidebar-text");
background-color: spiceColor("button");
transition: opacity 0.25s ease;
opacity: 0;
}
&[tooltip] {
&::after {
z-index: 9999;
content: attr(tooltip);
position: absolute;
min-width: 50px;
top: -22px;
left: 50%;
transform: translateX(calc(-50%));
padding: 0 5px;
border-radius: 4px;
text-align: center;
color: spiceColor("sidebar-text");
background-color: spiceColor("button");
transition: opacity 0.25s ease;
opacity: 0;
}
&:hover::after,
&:active::after {
opacity: 1;
&:hover::after,
&:active::after {
opacity: 1;
}
}
&:focus {