mirror of
https://codeberg.org/streams/streams.git
synced 2024-09-19 23:55:19 +00:00
slider - convert to flex and style a wee bit
This commit is contained in:
parent
ad55860b00
commit
a0fae60363
3 changed files with 18 additions and 4 deletions
|
@ -3113,10 +3113,12 @@ function pdl_selector($uid, $current='') {
|
|||
* @return one-dimensional array
|
||||
*/
|
||||
function flatten_array_recursive($arr) {
|
||||
$ret = array();
|
||||
|
||||
if(! $arr)
|
||||
$ret = [];
|
||||
|
||||
if(! ($arr && is_array($arr))) {
|
||||
return $ret;
|
||||
}
|
||||
|
||||
foreach($arr as $a) {
|
||||
if(is_array($a)) {
|
||||
|
|
|
@ -67,11 +67,21 @@ li:hover .widget-nav-pills-icons {
|
|||
}
|
||||
}
|
||||
|
||||
#slider-container {
|
||||
display: flex;
|
||||
flex-wrap: no-wrap;
|
||||
justify-content: flex-center;
|
||||
}
|
||||
|
||||
#main-range {
|
||||
width: 94%;
|
||||
background-color: #EEF;
|
||||
border-radius: 0.25rem;
|
||||
width: 90%;
|
||||
|
||||
}
|
||||
|
||||
.range-icon {
|
||||
margin: 4px;
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
|
|
|
@ -1,12 +1,14 @@
|
|||
<div id="main-slider" class="slider" >
|
||||
<div id="slider-container">
|
||||
<i class="fa fa-fw fa-user range-icon"></i>
|
||||
<input id="main-range" title="{{$cmax}}" type="range" min="0" max="99" name="cmax" value="{{$cmax}}" list="affinity_labels" >
|
||||
<i class="fa fa-fw fa-users range-icon"></i>
|
||||
<datalist id="affinity_labels">
|
||||
{{foreach $labels as $k => $v}}
|
||||
<option value={{$k}} label="{{$v}}">
|
||||
{{/foreach}}
|
||||
</datalist>
|
||||
<i class="fa fa-fw fa-users range-icon"></i>
|
||||
</div>
|
||||
<div id="profile-jot-text-loading" class="spinner-wrapper">
|
||||
<div class="spinner m"></div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue