From 344154e9068945af2874d6cb253457fb90fef3f3 Mon Sep 17 00:00:00 2001 From: Phil Hughes Date: Wed, 19 Oct 2016 22:39:57 +0100 Subject: Updated close sidebar icon --- app/assets/stylesheets/pages/boards.scss | 10 ++++++++-- app/views/projects/boards/components/_sidebar.html.haml | 2 +- app/views/shared/icons/_icon_close.svg | 1 + 3 files changed, 10 insertions(+), 3 deletions(-) create mode 100644 app/views/shared/icons/_icon_close.svg diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index 8e972020234..641f35f1609 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -302,10 +302,16 @@ lex width: 22px; color: $gray-darkest; - .fa { + svg { position: absolute; top: 50%; - margin-top: (-15px / 2); + margin-top: (-11px / 2); + } + + &:hover { + path { + fill: $gray-darkest; + } } } diff --git a/app/views/projects/boards/components/_sidebar.html.haml b/app/views/projects/boards/components/_sidebar.html.haml index 7907fdfa810..9616ee5b795 100644 --- a/app/views/projects/boards/components/_sidebar.html.haml +++ b/app/views/projects/boards/components/_sidebar.html.haml @@ -14,7 +14,7 @@ href: "#", "@click.prevent" => "closeSidebar", "aria-label" => "Toggle sidebar" } - = icon("times") + = custom_icon("icon_close", size: 15) .js-issuable-update = render "projects/boards/components/sidebar/assignee" = render "projects/boards/components/sidebar/milestone" diff --git a/app/views/shared/icons/_icon_close.svg b/app/views/shared/icons/_icon_close.svg new file mode 100644 index 00000000000..9d62012518b --- /dev/null +++ b/app/views/shared/icons/_icon_close.svg @@ -0,0 +1 @@ + \ No newline at end of file -- cgit v1.2.1