steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 03:24:20 +00:00
Code Activity

Imrpove form and input rendering even more

Browse source
This commit is contained in:
Steffo 2023-02-17 05:14:20 +01:00
parent b98efc2368
commit 2cd6aab891
Signed by: steffo
GPG key ID: 2A24051445686895
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
examples/index.html
View file

@ -1737,6 +1737,9 @@
</div> </div>
<span></span> <span></span>
</div> </div>
<p>
Finally, some more flavour questions:
</p>
<label> <label>
<span>Lazyness 0%</span> <span>Lazyness 0%</span>
<input type="range"> <input type="range">
@ -1752,6 +1755,13 @@
<input type="text" placeholder="Not at all"> <input type="text" placeholder="Not at all">
<span>Right alignment</span> <span>Right alignment</span>
</label> </label>
<div class="form-flex-choice">
<span>Your bets</span>
<input type="text" placeholder="1st">
<input type="text" placeholder="2nd">
<input type="text" placeholder="3rd">
<span></span>
</div>
<p> <p>
Finally, you can submit the form, and see whether you'll be accepted or not: Finally, you can submit the form, and see whether you'll be accepted or not:
</p> </p>

4
src/rulesets/base.less
View file

@ -590,6 +590,8 @@
// Align all inputs to the middle // Align all inputs to the middle
vertical-align: middle; vertical-align: middle;
// Remove default input minimum width
min-width: 0;
// By default, no borders should be present // By default, no borders should be present
border-width: 0; border-width: 0;
@ -807,7 +809,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: stretch;
gap: 1ex; gap: 1ex;
} }