html - Yesod CSS lucius -
i have made table in hamlet file:
<table> $forall ivlist <- y <tr> $forall iv <- ivlist <td>^{fvinput iv}
and respective css in lucius file:
td { width:1em; height:1em; }
the css generated expected,but output different. when change height
, width
higher value change visible, when change sum lower value no longer decreases.
here image of generated table
i couldn't change column width
.i wanted make square. don't know should done. using static bootstrap.css file , each cell input
. think problem should due default values in bootstrap. couldn't find should changed. have tried few changes changing width
, modifying bootstrap.css file, didn't required results.
input[type="range"] { display: block; width: 100%; }
in short how modify cell width
? should modifying see changes in width
of table
?
i got it. simple. change made input
tag. added following lucius file
input { width:3em; }
which allowing me control width.
Comments
Post a Comment