From feca7196fabd74a94bb54ae5aff04626277159da Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@finn.de>
Date: Fri, 11 Dec 2015 16:20:36 +0100
Subject: [PATCH 1/3] Change positions and arrows of menus in backlogs

---
 .../stylesheets/backlogs/master_backlog.css.sass       | 10 +++++-----
 app/helpers/rb_master_backlogs_helper.rb               |  2 +-
 app/views/rb_master_backlogs/_backlog.html.erb         |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/backlogs/master_backlog.css.sass b/app/assets/stylesheets/backlogs/master_backlog.css.sass
index 9db9ab4f53..8477fae93f 100644
--- a/app/assets/stylesheets/backlogs/master_backlog.css.sass
+++ b/app/assets/stylesheets/backlogs/master_backlog.css.sass
@@ -79,12 +79,12 @@
     overflow: visible
     position: absolute
     top: 0
-    left: 0
+    right: 0
     width: 29px
     &.hover, &:hover
       width: 30px
       z-index: 1000
-    .ui-icon
+    .icon-context
       position: absolute
       top: 7px
       left: 7px
@@ -138,15 +138,15 @@
           line-height: 31px
           padding: 0
           position: absolute
-          right: 0
+          left: 0
           top: 0
           width: 23px
           cursor: pointer
           &:before
-            content: "\e08a"
+            content: "\e00c"
             margin-left: 7px
           &.closed:before
-            content: "\e089"
+            content: "\e00b"
             margin-left: 7px
           &:hover
             cursor: pointer
diff --git a/app/helpers/rb_master_backlogs_helper.rb b/app/helpers/rb_master_backlogs_helper.rb
index 3648c03471..850fb27e51 100644
--- a/app/helpers/rb_master_backlogs_helper.rb
+++ b/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 icon-arrow-down2 <%= ' closed' if folded %>"),
         content_tag(:ul, class: 'items') do
           backlog_menu_items_for(backlog).map { |item|
             content_tag(:li, item, class: 'item')
diff --git a/app/views/rb_master_backlogs/_backlog.html.erb b/app/views/rb_master_backlogs/_backlog.html.erb
index 9c3bd26069..111020baa5 100644
--- a/app/views/rb_master_backlogs/_backlog.html.erb
+++ b/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' %>

From b7289bc0997d4129b5d552076683421a05cccc56 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@finn.de>
Date: Fri, 18 Dec 2015 09:43:44 +0100
Subject: [PATCH 2/3] Add menu funtionality to right arrow

---
 .../backlogs/master_backlog.css.sass          | 21 +++++++++++--------
 app/helpers/rb_master_backlogs_helper.rb      |  2 +-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/backlogs/master_backlog.css.sass b/app/assets/stylesheets/backlogs/master_backlog.css.sass
index 8477fae93f..dedc243eb7 100644
--- a/app/assets/stylesheets/backlogs/master_backlog.css.sass
+++ b/app/assets/stylesheets/backlogs/master_backlog.css.sass
@@ -80,26 +80,29 @@
     position: absolute
     top: 0
     right: 0
-    width: 29px
-    &.hover, &:hover
-      width: 30px
-      z-index: 1000
+    width: 30px
     .icon-context
       position: absolute
       top: 7px
-      left: 7px
+      left: 10px
+      &: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
@@ -144,10 +147,10 @@
           cursor: pointer
           &:before
             content: "\e00c"
-            margin-left: 7px
+            margin-left: 6px
           &.closed:before
             content: "\e00b"
-            margin-left: 7px
+            margin-left: 6px
           &:hover
             cursor: pointer
             background-color: #D8D8D8
diff --git a/app/helpers/rb_master_backlogs_helper.rb b/app/helpers/rb_master_backlogs_helper.rb
index 850fb27e51..8fc3fd03c3 100644
--- a/app/helpers/rb_master_backlogs_helper.rb
+++ b/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: "icon-context icon-small icon-arrow-down2 <%= ' closed' if folded %>"),
+        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')

From e116602ed88d62758359621ce3d5a2bd80995ac6 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@finn.de>
Date: Fri, 8 Jan 2016 08:53:28 +0100
Subject: [PATCH 3/3] Position the menu arrow vertically

---
 .../stylesheets/backlogs/master_backlog.css.sass       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/backlogs/master_backlog.css.sass b/app/assets/stylesheets/backlogs/master_backlog.css.sass
index dedc243eb7..8352433c0e 100644
--- a/app/assets/stylesheets/backlogs/master_backlog.css.sass
+++ b/app/assets/stylesheets/backlogs/master_backlog.css.sass
@@ -84,7 +84,7 @@
     .icon-context
       position: absolute
       top: 7px
-      left: 10px
+      left: 12px
       &:before
         content: "\e08a"
       &.open
@@ -147,10 +147,14 @@
           cursor: pointer
           &:before
             content: "\e00c"
-            margin-left: 6px
+            position: absolute
+            left: 6px
+            top: 10px
           &.closed:before
             content: "\e00b"
-            margin-left: 6px
+            position: absolute
+            left: 6px
+            top: 10px
           &:hover
             cursor: pointer
             background-color: #D8D8D8