Center slider tooltips and hide on very small screens
This commit is contained in:
parent
c7e1b47c59
commit
d0c94ba565
@ -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;
|
||||
|
3317
wled00/html_ui.h
3317
wled00/html_ui.h
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user