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

Merge pull request #351 from willcosgrove/spinny-toggle-buttons

Browse Source 
Spinny toggle buttons
This commit is contained in:
Didier Lafforgue 2012-04-13 06:40:07 -07:00
commit 9dc3f778a4
4 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/locomotive/list/icons/toggle.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 347 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
app/assets/images/locomotive/list/icons/toggle_off.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 1.3 KiB

2
app/assets/javascripts/locomotive/views/content_types/custom_field_entry_view.js.coffee
View File

@ -78,8 +78,10 @@ class Locomotive.Views.ContentTypes.CustomFieldEntryView extends Backbone.View
form = @$('ol') form = @$('ol')
if form.is(':hidden') if form.is(':hidden')
@$('a.toggle').addClass('open')
form.slideDown() form.slideDown()
else else
@$('a.toggle').removeClass('open')
form.slideUp() form.slideUp()
show_error: (message) -> show_error: (message) ->

4
app/assets/stylesheets/locomotive/backoffice/formtastic_changes.css.scss
View File

@ -157,6 +157,10 @@ form.formtastic {
&:hover { &:hover {
background-image: image-url("locomotive/list/icons/toggle.png"); background-image: image-url("locomotive/list/icons/toggle.png");
} }
&.open {
@include rotate(180deg);
}
@include single-transition(transform, 0.5s);
} }
&.drag { &.drag {