Merge pull request #202 from HDinger/task/20714-update-arrows-and-menu-in-backlogs

[20714] Update arrows and menu in backlogs

app/assets/stylesheets/backlogs/master_backlog.css.sass

@@ -79,27 +79,30 @@
     overflow: visible
     position: absolute
     top: 0
-    left: 0
-    width: 29px
-    &.hover, &:hover
-      width: 30px
-      z-index: 1000
-    .ui-icon
+    right: 0
+    width: 30px
+    .icon-context
       position: absolute
       top: 7px
-      left: 7px
+      left: 12px
+      &:before
+        content: "\e08a"
+      &.open
+        &:before
+          content: "\e089"
+        &+ .items
+          display: block
     .items
       display: none
-    &.hover .items, &:hover .items
       background-color: #EEEEEE
       border: 1px solid #E4E4E4
-      display: block
       position: absolute
       top: 30px
       left: 0
       list-style: none
       margin: 0
       padding: 0
+      z-index: 1000
     .item
       display: block
       width: 160px
@@ -138,16 +141,20 @@
           line-height: 31px
           padding: 0
           position: absolute
-          right: 0
+          left: 0
           top: 0
           width: 23px
           cursor: pointer
           &:before
-            content: "\e08a"
-            margin-left: 7px
+            content: "\e00c"
+            position: absolute
+            left: 6px
+            top: 10px
           &.closed:before
-            content: "\e089"
-            margin-left: 7px
+            content: "\e00b"
+            position: absolute
+            left: 6px
+            top: 10px
           &:hover
             cursor: pointer
             background-color: #D8D8D8

app/helpers/rb_master_backlogs_helper.rb

@@ -39,7 +39,7 @@ module RbMasterBacklogsHelper
   def render_backlog_menu(backlog)
     content_tag(:div, class: 'menu') do
       [
-        content_tag(:div, '', class: 'ui-icon ui-icon-carat-1-s'),
+        content_tag(:div, '', class: "icon-context icon-small", onClick: "if(this.classList.contains('open')) this.classList.remove('open'); else this.classList.add('open');"),
         content_tag(:ul, class: 'items') do
           backlog_menu_items_for(backlog).map { |item|
             content_tag(:li, item, class: 'item')

app/views/rb_master_backlogs/_backlog.html.erb

@@ -37,10 +37,10 @@ See doc/COPYRIGHT.rdoc for more details.
 <% folded = current_user.backlogs_preference(:versions_default_fold_state) == "closed" %>
 <div class="backlog" id="backlog_<%= backlog.sprint.id %>">
   <div class="header">
-    <%= render_backlog_menu backlog %>
+    <div class="toggler icon-small<%= ' closed' if folded %>"> </div>
     <%= render :partial => "rb_sprints/sprint", :object => backlog.sprint %>
     <div class="velocity"> </div>
-    <div class="toggler<%= ' closed' if folded %> icon-small"> </div>
+    <%= render_backlog_menu backlog %>
   </div>
   <ul class="stories<%= ' closed' if folded %>">
     <% reset_cycle 'stories' %>