making slider vertical

This commit is contained in:
frankknoll
2022-03-30 20:24:18 +02:00
parent 80f430ef71
commit 02d6bea3f4
3 changed files with 15 additions and 6 deletions

View File

@@ -4904,3 +4904,7 @@ table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
overflow: auto !important;
/*prevent datatables overflowing its container*/
}
.noUi-target {
height: 300px;
}

View File

@@ -113,10 +113,15 @@
<div class="clearfix"></div>
</div>
<div class="x_content">
<p>
<canvas id="medianOfFreeBedsByKreis"></canvas>
</p>
<div id="slider"></div>
<div class="row">
<div class="col-xs-11">
<canvas id="medianOfFreeBedsByKreis"></canvas>
</div>
<div class="col-xs-1">
<div id="slider"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>

View File

@@ -72,7 +72,7 @@ function createSlider(sliderElement, range, onUpdate) {
connect: true,
range: range,
step: 1,
orientation: 'horizontal'
orientation: 'vertical'
});
sliderElement.noUiSlider.on('update', onUpdate);
}