Commit 86b2f90d authored by Phil Hughes's avatar Phil Hughes

Updated design

parent 1bfa7425
/* global Cookies */ /* global Cookies */
const Vue = require('vue'); const Vue = require('vue');
const checkmarkIcon = require('../icons/checkmark');
const Store = gl.issueBoards.BoardsStore; const Store = gl.issueBoards.BoardsStore;
const ModalStore = gl.issueBoards.ModalStore; const ModalStore = gl.issueBoards.ModalStore;
...@@ -26,9 +27,9 @@ module.exports = Vue.extend({ ...@@ -26,9 +27,9 @@ module.exports = Vue.extend({
}, },
}, },
template: ` template: `
<div class="boards-backlog-help"> <div class="boards-backlog-help text-center">
<h4> <h4>
We removed the Backlog We moved the Backlog
<button <button
type="button" type="button"
class="close" class="close"
...@@ -37,16 +38,18 @@ module.exports = Vue.extend({ ...@@ -37,16 +38,18 @@ module.exports = Vue.extend({
<i class="fa fa-times"></i> <i class="fa fa-times"></i>
</button> </button>
</h4> </h4>
<div class="backlog-help-icon">${checkmarkIcon}</div>
<p> <p>
<a href="http://docs.gitlab.com/ce/user/project/issue_board.html">Read the docs</a> to find out why <a href="http://docs.gitlab.com/ce/user/project/issue_board.html">Read the docs</a> for more details
</p> </p>
<p> <p>
You can populate your board using this button Populate the board using this button
</p> </p>
<div class="text-center"> <div class="text-center">
<button <button
class="btn btn-success" class="btn btn-success"
type="button" type="button"
:disabled="disabled"
@click="closeHelp(true)"> @click="closeHelp(true)">
Add issues Add issues
</button> </button>
......
module.exports = '<svg viewBox="0 0 28 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="m45.4978994 24.9892046c0 .4726429-.1654225.8743833-.4962726 1.2052333l-15.2426565 15.2426565c-.33085.33085-.7325904.4962725-1.2052333.4962725-.4726428 0-.8743833-.1654225-1.2052333-.4962725l-8.8265615-8.8265616c-.33085-.33085-.4962726-.7325904-.4962726-1.2052333 0-.4726428.1654226-.8743833.4962726-1.2052333l2.4104666-2.4104666c.33085-.33085.7325904-.4962725 1.2052333-.4962725s.8743833.1654225 1.2052333.4962725l5.2108616 5.2285857 11.6269566-11.6446806c.33085-.33085.7325905-.4962726 1.2052333-.4962726.4726429 0 .8743833.1654226 1.2052333.4962726l2.4104666 2.4104666c.3308501.33085.4962726.7325904.4962726 1.2052333z"/><mask id="b" fill="#fff" height="21.0561348" width="27.4722297" x="0" y="0"><use xlink:href="#a"/></mask></defs><use fill="none" mask="url(#b)" stroke="#1a97d5" stroke-width="2" transform="translate(-18 -20)" xlink:href="#a"/></svg>';
...@@ -525,7 +525,7 @@ ...@@ -525,7 +525,7 @@
.boards-backlog-help { .boards-backlog-help {
display: inline-block; display: inline-block;
width: 250px; width: 260px;
padding: 15px; padding: 15px;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: 2px; border-radius: 2px;
...@@ -542,3 +542,19 @@ ...@@ -542,3 +542,19 @@
line-height: 0; line-height: 0;
} }
} }
.backlog-help-icon {
display: -webkit-flex;
display: flex;
margin: 15px auto;
width: 60px;
height: 60px;
border: 1px solid $blue-normal;
border-radius: 50%;
> svg {
width: 35px;
margin-left: auto;
margin-right: auto;
}
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment