Styling updates to sidebar to match design

This commit is contained in:
Phil Hughes 2016-10-05 16:59:47 +01:00
parent 81e7490d3a
commit 45fd2d3884
2 changed files with 35 additions and 5 deletions

View file

@ -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;
}
}
}

View file

@ -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"