search

patel22p / mytinytodo

Automatically exported from code.google.com/p/mytinytodo
0 stars 0 forks source link

Dynamic CSS for the size of the tasks container #16

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
Im a small-fonts lover, for me small fonts means "more size in your screen"

In firefox if you do ctrl and the key + or -, you change the size of the
pages, it is very handy to resize mytinytodo in order to see more tasks in
the page, I personally like more this option

The problem comes when you do it with mytinytodo, the fonts are more small
but not the container of the tasks, in other words, it doesn't come more
small, the container should have a dynamic size, I think that this can be
done from the CSS but i dont know much about CSS

Thanks

Original issue reported on code.google.com by thanater...@gmail.com on 21 Jan 2010 at 7:16

GoogleCodeExporter commented 8 years ago 
In firefox when I press Ctrl and - I see that container became smaller, not 
much, but
still.

You can limit the width of mytinytodo page by changing this definition
<code>#wrapper { max-width:950px; } </code>
in style.css

Original comment by maxpozd...@gmail.com on 21 Jan 2010 at 7:25

GoogleCodeExporter commented 8 years ago 
oops, googlecode does not understandent html tags in comments...

Original comment by maxpozd...@gmail.com on 21 Jan 2010 at 7:26

GoogleCodeExporter commented 8 years ago 
Mmmh, im not talking about the width but about the vertical size of every 
container
box of every task

In other words, the vertical size of this piece:

-------------------------------------------
[ ] Buy food _tag_, _tag_               [V]
-------------------------------------------

Original comment by thanater...@gmail.com on 21 Jan 2010 at 7:36

GoogleCodeExporter commented 8 years ago 
It can not be smaller than system checkbox in the left side.

Also you can play with margins and padding of
#tasklist li

Original comment by maxpozd...@gmail.com on 21 Jan 2010 at 7:48

GoogleCodeExporter commented 8 years ago 
Ah.. yes, it looks better now (for me) by using "padding:2px 2px 2px 6px" and
pressing the Ctrl and - in firefox 2 or even 3 times

Unfortunately it not looks that good in normal size, but when the size is 
smaller, it
looks like just how what i mean

Original comment by thanater...@gmail.com on 21 Jan 2010 at 7:56

GoogleCodeExporter commented 8 years ago

Original comment by maxpozd...@gmail.com on 22 Jan 2010 at 1:42