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

image-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

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -