Do not rely on style class for changing DOM state on "Mark all as done"

app/assets/javascripts/todos.js.es6

@@ -85,7 +85,7 @@
         },
         success: (data) => {
           $target.remove();
-          $('.prepend-top-default').html('<div class="nothing-here-block">You\'re all done!</div>');
+          $('.js-todos-all').html('<div class="nothing-here-block">You\'re all done!</div>');
           return this.updateBadges(data);
         }
       });

app/views/dashboard/todos/index.html.haml

@@ -67,14 +67,15 @@
                   = sort_title_oldest_created
 
 
-- if @todos.any?
+.js-todos-all
+  - if @todos.any?
     .js-todos-options{ data: {per_page: @todos.limit_value, current_page: @todos.current_page, total_pages: @todos.total_pages} }
       .panel.panel-default.panel-small.panel-without-border
         %ul.content-list.todos-list
           = render @todos
     = paginate @todos, theme: "gitlab"
 
-- elsif current_user.todos.any?
+  - elsif current_user.todos.any?
     .todos-all-done
       = render "shared/empty_states/todos_all_done.svg"
       - if todos_filter_empty?
@@ -90,7 +91,7 @@
       - else
         %h4.text-center
           There are no todos to show.
-- else
+  - else
     .todos-empty
       .todos-empty-hero
         = render "shared/empty_states/todos_empty.svg"