From 45fd2d38844afafd4ec144eb4dc388b7a76b04ad Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Wed, 5 Oct 2016 16:59:47 +0100
Subject: Styling updates to sidebar to match design

---
 app/assets/stylesheets/pages/boards.scss           | 38 +++++++++++++++++++---
 .../projects/boards/components/_sidebar.html.haml  |  2 +-
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss
index f57e9a37bc3..0807d583207 100644
--- a/app/assets/stylesheets/pages/boards.scss
+++ b/app/assets/stylesheets/pages/boards.scss
@@ -279,8 +279,38 @@ lex
   }
 }
 
-.right-sidebar.issue-boards-sidebar {
-  position: absolute;
-  top: 0;
-  bottom: 0;
+.issue-boards-sidebar {
+  &.right-sidebar {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+  }
+
+  .issuable-sidebar-header {
+    position: relative;
+  }
+
+  .gutter-toggle {
+    position: absolute;
+    top: 0;
+    bottom: 10px;
+    right: 0;
+    width: 22px;
+    color: $gray-darkest;
+
+    .fa {
+      position: absolute;
+      top: 50%;
+      margin-top: (-15px / 2);
+    }
+  }
+
+  .issuable-header-text {
+    width: 100%;
+    padding-right: 35px;
+
+    > strong {
+      font-weight: 600;
+    }
+  }
 }
diff --git a/app/views/projects/boards/components/_sidebar.html.haml b/app/views/projects/boards/components/_sidebar.html.haml
index b4a757a40a6..cf70ad4927a 100644
--- a/app/views/projects/boards/components/_sidebar.html.haml
+++ b/app/views/projects/boards/components/_sidebar.html.haml
@@ -13,7 +13,7 @@
         %a.gutter-toggle.pull-right{ role: "button",
           href: "#",
           "@click" => "closeSidebar",
-          aria: { label: "Toggle sidebar" } }
+          "aria-label" => "Toggle sidebar" }
           = icon("times")
       .js-issuable-update
         = render "projects/boards/components/sidebar/assignee"
-- 
cgit v1.2.1