github-migration/engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

foldable fieldsets fixed on firefox

Browse Source
This commit is contained in:
did 2011-11-25 12:31:18 +01:00
parent 5bb29d9702
commit fcd2146c11
2 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/javascripts/locomotive/views/shared/form_view.js.coffee
View File

@ -34,7 +34,6 @@ class Locomotive.Views.Shared.FormView extends Backbone.View
make_inputs_foldable: ->
self = @
@$('.formtastic fieldset.foldable legend span').append '<em>&nbsp;</em>'
@$('.formtastic fieldset.foldable.folded ol').hide()
@$('.formtastic fieldset.foldable legend').click ->
parent = $(@).parent()

23
app/assets/stylesheets/locomotive/formtastic_changes.scss
View File

@ -28,25 +28,21 @@ form.formtastic {
span {
padding-left: 20px;
line-height: 20px;
font-size: 13px;
font-weight: bold;
@include single-text-shadow(#fff, 1px, 1px, 1px);
}
em {
display: inline-block;
width: 9px;
height: 6px;
position: relative;
top: 0px;
left: 10px;
background: transparent image-url("locomotive/form/folded-arrow-on.png") no-repeat 0 0px;
}
} // legend
&.foldable {
span {
legend span {
cursor: pointer;
padding-right: 15px;
background: transparent image-url("locomotive/form/folded-arrow-on.png") no-repeat right center;
}
&.folded legend {
@ -54,10 +50,7 @@ form.formtastic {
@include box-shadow(rgba(0, 0, 0, 0.4) 0px 1px 0px 0px);
border-bottom-width: 1px;
span em {
width: 6px;
height: 9px;
top: 0px;
span {
background-image: image-url("locomotive/form/folded-arrow-off.png");
}
}