Minor UI fix.
- keep .staytop/.staybot sticky - .fnd inheritance
This commit is contained in:
parent
1663601dcb
commit
3081802b1c
@ -349,7 +349,7 @@ button {
|
||||
.staytop, .staybot {
|
||||
display: block;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
position: sticky !important;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
margin: 0 auto auto;
|
||||
@ -1177,7 +1177,7 @@ textarea {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
input[type="text"].fnd {
|
||||
.fnd input[type="text"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
@ -1189,12 +1189,12 @@ input[type="text"].fnd {
|
||||
border: 1px solid var(--c-3);
|
||||
}
|
||||
|
||||
input[type="text"].fnd:focus {
|
||||
.fnd input[type="text"]:focus {
|
||||
background-color: var(--c-4);
|
||||
}
|
||||
|
||||
input[type="text"].fnd:not(:placeholder-shown),
|
||||
input[type="text"].fnd:hover {
|
||||
.fnd input[type="text"]:not(:placeholder-shown),
|
||||
.fnd input[type="text"]:hover {
|
||||
background-color: var(--c-3);
|
||||
}
|
||||
|
||||
|
@ -164,7 +164,7 @@
|
||||
<p class="labels" id="pall"><i class="icons sel-icon" onclick="tglHex()"></i> Color palette</p>
|
||||
<div id="palw" class="il">
|
||||
<div class="staytop fnd">
|
||||
<input type="text" class="fnd" placeholder="Search" oninput="search(this,'pallist')" onfocus="search(this,'pallist')" />
|
||||
<input type="text" placeholder="Search" oninput="search(this,'pallist')" onfocus="search(this,'pallist')" />
|
||||
<i class="icons clear-icon" onclick="clean(this)"></i>
|
||||
<i class="icons search-icon"></i>
|
||||
</div>
|
||||
@ -186,7 +186,7 @@
|
||||
<div id="fx">
|
||||
<p class="labels hd" id="modeLabel">Effect mode</p>
|
||||
<div class="staytop fnd" id="fxFind">
|
||||
<input type="text" class="fnd" placeholder="Search" oninput="search(this,'fxlist')" onfocus="search(this,'fxlist')" />
|
||||
<input type="text" placeholder="Search" oninput="search(this,'fxlist')" onfocus="search(this,'fxlist')" />
|
||||
<i class="icons clear-icon" onclick="clean(this);"></i>
|
||||
<i class="icons search-icon"></i>
|
||||
</div>
|
||||
@ -268,7 +268,7 @@
|
||||
</div>
|
||||
<p class="labels hd">Presets</p>
|
||||
<div class="staytop fnd" id="psFind">
|
||||
<input type="text" class="fnd" placeholder="Search" oninput="search(this,'pcont')" onfocus="search(this,'pcont')" />
|
||||
<input type="text" placeholder="Search" oninput="search(this,'pcont')" onfocus="search(this,'pcont')" />
|
||||
<i class="icons clear-icon" onclick="clean(this);"></i>
|
||||
<i class="icons search-icon"></i>
|
||||
</div>
|
||||
|
2712
wled00/html_ui.h
2712
wled00/html_ui.h
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user