Skip to content
Snippets Groups Projects
Commit 33e54a47 authored by Seth Meranda's avatar Seth Meranda
Browse files

For fieldset legends in older browsers, we need to control the width. This...

For fieldset legends in older browsers, we need to control the width. This dynamically adds a span, which we can start styling. Using percentage widths now, but I think we'll need something more specific.
parent 93a2d8df
No related branches found
No related tags found
No related merge requests found
...@@ -123,7 +123,9 @@ ...@@ -123,7 +123,9 @@
#maincontent .stuapp > fieldset fieldset legend { #maincontent .stuapp > fieldset fieldset legend {
padding-bottom: 0.5em; padding-bottom: 0.5em;
margin-left: -10px; margin-left: -10px;
width:95%;
} }
#maincontent .stuapp > fieldset fieldset legend span {display:block;width:95%;}
#maincontent .stuapp ol li fieldset label { #maincontent .stuapp ol li fieldset label {
display:inline; display:inline;
} }
......
...@@ -5,7 +5,10 @@ WDN.jQuery('document').ready(function($){ ...@@ -5,7 +5,10 @@ WDN.jQuery('document').ready(function($){
// for IE, we need to add a class to support the two columns // for IE, we need to add a class to support the two columns
$('#maincontent .stuapp > fieldset > ol > li:nth-child(odd)').addClass('odd'); $('#maincontent .stuapp > fieldset > ol > li:nth-child(odd)').addClass('odd');
// for older browsers, we need to use a span to control the width of the legends to prevent overflows.
$('form.stuapp legend').each(function() {
$(this).wrapInner('<span />');
});
/* /*
* *
* Form Validation Stuff * Form Validation Stuff
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment