#4391 closed defect (fixed)
Bottom of button cut off with IE (7?) and soria theme
Reported by: | guest | Owned by: | Sam Foster |
---|---|---|---|
Priority: | high | Milestone: | 1.0 |
Component: | Dijit - Form | Version: | 0.9 |
Keywords: | button theme soria | Cc: | |
Blocked By: | Blocking: |
Description
The bottom border of the button in the following example does not appear in IE7. It displays well in Firefox. If the theme is changed to tundra, it displays fine in both. The font size doesn't seem to matter, but the font does. I would attach a screen shot if that was possible.
<html>
<head>
<script type="text/javascript" src="../dojoAjax/dojo/dojo.js"
djConfig="parseOnLoad:true">
</script> <script type="text/javascript" >
dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
</script>
<style type="text/css"> @import "../dojoAjax/dijit/themes/soria/soria.css";
body {
font-family: Arial;
}
</style>
</head> <body class="soria">
<div dojoType="dijit.form.Button">Hi</div>
</body>
</html>
Attachments (2)
Change History (8)
Changed 13 years ago by
Attachment: | Button.jpg added |
---|
comment:2 Changed 13 years ago by
Component: | LookAndFeel → Dijit |
---|---|
Milestone: | → 1.0 |
Owner: | changed from dylan to dante |
Sfoster fixed this same problem for tundra; I guess it didn't get copied over to soria? Some hack like adding zoom:1 (check the SVN log to find it).
comment:3 Changed 13 years ago by
Status: | new → assigned |
---|
comment:4 Changed 13 years ago by
Owner: | changed from dante to Sam Foster |
---|---|
Status: | assigned → new |
buttons_4391_sfoster_20071018.patch adds a line to dijit.css to normalize line-height for the buttons. This accounts for some of the "works in the themeTester but not in the test page" issues people have reported.
the fix to tundra and soria is to style the inner contents of the button to have the inline-block behavior. This lets us set top/bottom padding and more reliably control overall button height. Tweaks follow for the outer buttonNode to get it back to where it was visually.
Changed 13 years ago by
Attachment: | buttons_4391_sfoster_20071018.patch added |
---|
comment:5 Changed 13 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
comment:6 Changed 10 years ago by
Component: | Dijit → Dijit - Form |
---|
Button missing border