Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

enchant.ui.buttonの描画サイズが指定したwidth, heightより大きくなる #227

Open
nabeix opened this issue Sep 22, 2013 · 2 comments

Comments

@nabeix
Copy link

nabeix commented Sep 22, 2013

デフォルトスタイルでpadding: 2px 10pxが適用されるため、
実際の描画サイズがオブジェクト生成時に指定したwidth, heightより大きくなります。

var button = new Button('ボタン', 'light', 320, 320);

この場合、height: 320px, width: 320pxでの描画が期待されると思いますが、
実際の描画サイズはheight: 324px, width: 340pxとなってしまいます。

デフォルトスタイルでpaddingを適用しないようにしてはどうでしょうか?

@jinnaiyuu
Copy link

paddingはhtml/CSSで簡単に変更出来、また現在のデフォルトスタイルを前提したアプリケーションもあるでしょうから、デフォルトスタイルの変更は難しいと思います。トップページのサンプルにもpadding: 0とありますが、widget.enchant.jsとui.enchant.jsにもpaddingについてのコメントを追加すると親切かもしれません。いかがでしょう。

@nabeix
Copy link
Author

nabeix commented Sep 15, 2014

そうですね、デフォルトスタイルの変更は影響が大きそうです。ご提案の通り、コメントがあると分かり易いと思います。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants