Need help troubleshooting a button that slides out a vertical sidebar. I want to include a short form for users to input search queries within the sidebar.
The issue seems to be with the heights of #search-sidebar
and .ui.form.segment
.
Here is the code snippet:
<div id="search-sidebar" class="overlay ui very wide red vertical demo sidebar menu">
<div class="ui form segment">
<div class="two fields">
<div class="field">
<label>Number of Bedrooms</label>
<input type="number" name="bedrooms">
</div>
<div class="field">
<label>Number of Bathrooms</label>
<input type="number" name="bathrooms">
</div>
</div>
<div class="three fields">
<div class="field">
<label>Interior Size</label>
<div class="ui icon input">
<input type="number" name="interiorSize">
<i class="inverted icon">m<sup>2</sup></i>
</div>
</div>
<div class="field">
<label>Exterior Size</label>
<div class="ui icon input">
<input type="number" name="exteriorSize">
<i class="inverted icon">m<sup>2</sup></i>
</div>
</div>
<div class="field">
<label>Price</label>
<div class="ui icon input">
<i class="inverted yen icon"></i>
<input type="number" name="price">
</div>
</div>
</div>
</div>
</div>