search

jtsage / jtsage-datebox

A multi-mode date and time picker for Bootstrap (3&4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)
http://datebox.jtsage.dev/
Other
474 stars 166 forks source link

Calbox popup width 1.4.4 #337

Closed gregh3269 closed 10 years ago

gregh3269 commented 10 years ago

Hello,

When I try the calbox using a font of 20px the popup width is not big enough so it wraps the days into a larger rectangular box.

.ui-datebox-container { width: 280px; }

for a font of 20px the size is needs to be 284px. It used to show correctly regardless of the browser font size, so having to modify the css is not ideal.

Cheers Greg.

jtsage commented 10 years ago

Greg - yes, I have no doubt of that - due to CSS vaugeries, there is only so much I can plan for - however, I do have this:

http://dev.jtsage.com/jQM-DateBox/theme/

It's not the prettiest thing in the world, but it does pull from the same script that I generate the "official" css file from - it'll let you play with just about everything.

~j

gregh3269 commented 10 years ago

OK, thanks, just one question, if I "show samples" in the theme as standard ie 280px (with a 20px font), it seems to fit in the container correctly, but when I view the main demo calbox, it needs the 284pc width?

Cheers Greg

gregh3269 commented 10 years ago

....although, if you download the styesheet and test it does needs the width to be 284px.

So I guess the theme builder is a good solution.

Cheers Greg.

jtsage commented 10 years ago

But, I believe you are telling me that once again, the builder is not entirely accurate - I will attempt to correct this later today. Fwiw, I also changed the "base" width to 290 yesterday - at least in the default sheet, not totally sure I made the correct changes to the builder.