dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-06-06 08:11:39 +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 { &[tooltip] {
z-index: 9999; &::after {
content: attr(tooltip); z-index: 9999;
position: absolute; content: attr(tooltip);
min-width: 50px; position: absolute;
top: -10px; min-width: 50px;
left: 50%; top: -22px;
transform: translateX(calc(-50%)); left: 50%;
padding: 0 5px; transform: translateX(calc(-50%));
border-radius: 4px; padding: 0 5px;
text-align: center; border-radius: 4px;
color: spiceColor("sidebar-text"); text-align: center;
background-color: spiceColor("button"); color: spiceColor("sidebar-text");
transition: opacity 0.25s ease; background-color: spiceColor("button");
opacity: 0; transition: opacity 0.25s ease;
} opacity: 0;
}
&:hover::after, &:hover::after,
&:active::after { &:active::after {
opacity: 1; opacity: 1;
}
} }
&:focus { &:focus {