Center slider tooltips and hide on very small screens

This commit is contained in:
cschwinne 2020-11-26 23:07:15 +01:00
parent c7e1b47c59
commit d0c94ba565
2 changed files with 1679 additions and 1662 deletions

View File

@ -442,14 +442,16 @@ img {
}
.sliderbubble {
width: 30px;
line-height: 24px;
background: var(--c-3);
position: absolute;
transform: translateX(-50%);
border-radius: 6px;
margin-left: 10px;
display: inline;
width: 36px;
line-height: 24px;
background: var(--c-3);
position: absolute;
transform: translateX(-50%);
border-radius: 12px;
margin-left: 12px;
margin-top: 3px;
padding: 0px;
display: inline;
}
.hidden {
@ -901,6 +903,12 @@ input[type=number]::-webkit-outer-spin-button {
background: var(--c-sbh);
}
@media all and (max-width: 335px) {
.sliderbubble {
display: none;
}
}
@media all and (max-width: 550px) and (min-width: 374px) {
.infobtn {
width: 155px;

File diff suppressed because it is too large Load Diff