Fix tutorial positioning

uusijani · Apr 15, 2013 · 88e455a · 88e455a
1 parent 32950c7
commit 88e455a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/app/controllers/classifier.coffee b/app/controllers/classifier.coffee
@@ -37,14 +37,12 @@ class Classifier extends Controller
 
     @tutorial = new Tutorial
       steps: tutorialSteps
+      parent: @el
 
     Subject.bind 'select', @onSubjectSelect
     Subject.bind 'no-subjects', @onNoLocalSubjects
     User.bind 'sign-in', @onUserSignIn
 
-    $(window).on 'hashchange', =>
-      setTimeout @toggleTutorialVisibility
-
     $(document).on 'keydown', @onKeyDown
 
   KEYS =
@@ -109,14 +107,9 @@ class Classifier extends Controller
       Subject.next() if doingTutorial or not Subject.current
     else
       getTutorialSubject().select()
-      @toggleTutorialVisibility()
-
-  toggleTutorialVisibility: =>
-    return unless !!@classification.subject.metadata.tutorial
 
-    if @el.is ':visible'
-      @tutorial.dialog.open()
-    else
-      @tutorial.dialog.close()
+  activate: ->
+    super
+    setTimeout => @tutorial.dialog.attach()
 
 module.exports = Classifier
diff --git a/css/tutorial.styl b/css/tutorial.styl
@@ -4,7 +4,7 @@
   box-shadow: 0 0 0 5px rgba($black, 0.5);
   color: $black;
   font-size: 12px;
-  max-width: 300px;
+  width: 300px;
   padding: 0 20px;
   position: absolute;
   transition: left 0.25s ease-out, top 0.25s ease-out 0.125s;