suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style dashbaord repo list and add placeholder icons

Browse Source
This commit is contained in:
Lisa Passing 2015-02-19 17:55:53 +01:00
parent d39fd31b1b
commit 46d9df8500
13 changed files with 319 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/app.scss
View File

@ -47,6 +47,7 @@
// @import "app/components/tiles";
@import "app/components/travis-switch";
@import "app/components/buttons";
@import "app/components/icons";
@import "app/components/search";
@import "app/layout";

10
app/styles/app/_mixins/vars.sass
View File

@ -18,11 +18,13 @@ $left-bg: $light-gray
$right-bg: $light-gray
// dashboard
$pass-color: #3ba85d
$fail-color: #d04729
$error-color: #999999
$start-color: #848032
$pass-color: #3FA75F
$fail-color: #DB423C
$error-color: $fail-color
$start-color: #D2C93B
$start-bg-color: #D2CA24
$cancel-color: #A1A0A0
$dropdown-color: #5FA5A4
$dashboard-text-color: #9d9fa1

17
app/styles/app/components/buttons.sass
View File

@ -66,7 +66,7 @@ $button-border-color: #d4d4d4
vertical-align: middle
cursor: pointer
background:
color: #39a85b
color: $pass-color
image: inline-image('ui/github-signin.svg')
repeat: no-repeat
position: 95.5% 45%
@ -77,5 +77,18 @@ $button-border-color: #d4d4d4
background-image: inline-image('ui/spinner.svg')
background-position: 92% 47%
&:hover
background-color: #39a85b
background-color: $pass-color
.button
border-radius: 4px
.button--green
border: none
font-size: $font-size-small
color: $white
background-color: $pass-color
&:hover
background-color: #73c78d
.button--fixedwidth
width: 8em

43
app/styles/app/components/icons.sass Normal file
View File

@ -0,0 +1,43 @@
.icon
display: inline-block
background:
size: 100%
repeat: no-repeat
.icon-cal
background-image: inline-image('dashboard/cal.svg')
.icon-github
background-image: inline-image('dashboard/github.svg')
.icon-branch
background-image: inline-image('dashboard/branch.svg')
.icon-hash
background-image: inline-image('dashboard/hash.svg')
.icon-star
background-image: inline-image('dashboard/star-off.svg')
.icon-error
background-image: inline-image('dashboard/status-errored.svg')
.icon-fail
background-image: inline-image('dashboard/status-failed.svg')
.icon-cancel
background-image: inline-image('dashboard/status-cancelled.svg')
.icon-pass
background-image: inline-image('dashboard/status-passed.svg')
.icon-started
background-image: inline-image('dashboard/status-pending.svg')
.icon-lock
background-image: inline-image('dashboard/private-icon.svg')
.icon-burger
background-image: inline-image('dashboard/burger.svg')
&:hover
background-image: inline-image('dashboard/burger-hover.svg')

5
app/styles/app/components/section.sass
View File

@ -1,9 +1,10 @@
.section
font-size: $font-size-normal
padding: .35em 0
padding: .65em 0 0
.section--white
background-color: $white
.section--maxheight
max-height: 44px
min-height: 3.3rem
max-height: 4rem

79
app/styles/app/layouts/dashboard.sass
View File

@ -8,6 +8,13 @@
$db-gray: #C9C9C9
.dashboard
hr
max-width: 1024px
margin: auto
border-top: none
border-bottom: $db-gray dashed 1px
.wrapper-dashboard
background-color: $wrapper-bg-color
@ -15,17 +22,20 @@ $db-gray: #C9C9C9
margin: 2em 0 3em
.dashboard-active
margin: 0 0 3em
border-bottom: dashed 1px $db-gray
margin-bottom: 3em
.dashboard-inactive
margin: 2em 0 5em
margin: 1.5em 0 5em
.db
h2, h3, p, button, .db-status
opacity: .7
.dashboard--empty
padding: 2em 5em
background: #E8E6DE
color: $db-gray
font-size: 20px
font-weight: 300
text-align: center
@extend %br-4px
@ -46,10 +56,6 @@ $db-gray: #C9C9C9
top: 0
bottom: 0
margin: auto
width: 1.5em
height: 1.5em
background: pink
display: inline-block
.db-repo
padding-left: 4em
@ -65,6 +71,10 @@ $db-gray: #C9C9C9
border-top-left-radius: 4px
border-bottom-left-radius: 4px
.icon
width: 1.1em
height: 1.1em
.icon-status
left: 0
right: 0
@ -76,6 +86,22 @@ $db-gray: #C9C9C9
right: 0
margin: auto
bottom: -2em
opacity: .9
.db-controls
position: relative
transform: translateY(24%)
line-height: 3em
border-left: 1px solid $db-gray
p,
button
display: inline-block
button
margin-left: 1em
.icon
width: 1.6em
height: 1.6em
.db-job,
.db-branch,
@ -83,20 +109,25 @@ $db-gray: #C9C9C9
.db-timeago
position: relative
padding-left: 2.2em
transform: translateY(24%)
line-height: 3em
.db-job
border-left: 1px solid $db-gray
.db-lock
position: absolute
left: -2.1em;
top: 1.2em;
.icon
width: 1em
height: 1em
.db-activation
text-align: right
padding-right: 0
.db-burger
position: absolute;
top: 0
right: 0
height: 100%
width: 4em
.icon
width: 2em
height: 2em
@ -107,6 +138,30 @@ $db-gray: #C9C9C9
display: none
@mixin colorDbelements($color)
.db-status
background-color: $color
.db-repo
h2, h3, a
color: $color
.db-job
color: $color
a
color: $color
.db--started
@include colorDbelements($start-color)
.db--fail
@include colorDbelements($fail-color)
.db--error
@include colorDbelements($error-color)
.db--cancel
@include colorDbelements($cancel-color)
.db--pass
@include colorDbelements($pass-color)
.db--inactive
@include colorDbelements($cancel-color)
// .current-org-avatar
// display : inline-block
// height : 20px

146
app/templates/dashboard/repositories.hbs
View File

@ -82,16 +82,18 @@
<h3>travis-pro</h3>
<h2>travis-rubies</h2>
</div>
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-2"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>in queue</p>
<div class="db-burger column medium-1 end">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-3"><span class="icon icon-cal"></span>in queue</p>
<div class="db-burger">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
</div>
</div>
</div>
@ -105,16 +107,18 @@
<h3>travis-pro</h3>
<h2>travis-pro-api</h2>
</div>
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-2"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>25 minutes ago</p>
<div class="db-burger column medium-1 end">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 failed</p>
<p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-3"><span class="icon icon-cal"></span>25 minutes ago</p>
<div class="db-burger">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
</div>
</div>
</div>
@ -128,16 +132,18 @@
<h3>travis-pro</h3>
<h2>travis-pro-hub</h2>
</div>
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-2"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>1 hour ago</p>
<div class="db-burger column medium-1 end">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 errored</p>
<p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-3"><span class="icon icon-cal"></span>1 hour ago</p>
<div class="db-burger">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
</div>
</div>
</div>
@ -151,16 +157,18 @@
<h3>travis-pro</h3>
<h2>travis-gatekeeper</h2>
</div>
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-2"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>3 hours ago</p>
<div class="db-burger column medium-1 end">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 cancelled</p>
<p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-3"><span class="icon icon-cal"></span>3 hours ago</p>
<div class="db-burger">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
</div>
</div>
</div>
@ -174,20 +182,58 @@
<h3>travis-pro</h3>
<h2>bubblewrap-mac-test</h2>
</div>
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874 started</p>
<p class="db-branch column medium-2"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>2 days ago</p>
<div class="db-burger column medium-1 end">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 passed</p>
<p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
<p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-3"><span class="icon icon-cal"></span>2 days ago</p>
<div class="db-burger">
<span class="icon icon-burger"></span>
<ul class="dropdown">
<li><a href="#" title="">Deactivate repository</a></li>
<li><a href="#" title="">Trigger a build</a></li>
</ul>
</div>
</div>
</div>
</section>
<hr>
<section class="dashboard-inactive">
<div class="db db--pass db--inactive row">
<div class="db-status">
<span class="icon icon-status icon-pass"></span>
</div>
<div class="db-repo column medium-3">
<h3>travis-pro</h3>
<h2>travis-gatekeeper</h2>
</div>
<div class="db-controls column medium-9 end">
<p class="db-job column medium-2"><span class="icon icon-hash"></span>9874</p>
<p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
<p class="db-timeago column medium-2"><span class="icon icon-cal"></span>3 hours ago</p>
<div class="db-activation column medium-4 push-2 end">
<p>Not active</p>
<button class="button button--green button--fixedwidth">Activate</button>
</div>
</div>
</div>
<div class="db db--inactive row">
<div class="db-status">
<span class="icon icon-status"></span>
</div>
<div class="db-repo column medium-3">
<h3>travis-pro</h3>
<h2>bubblewrap-mac-test</h2>
</div>
<div class="db-controls column medium-9 end">
<div class="db-activation column float-right medium-4">
<p>Active</p>
<button class="button button--green button--fixedwidth">Trigger a build</button>
</div>
</div>
</div>
</section>
</div>

12
public/images/dashboard/branch.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="63.279px" height="62.667px" viewBox="0 -12.362 63.279 62.667" enable-background="new 0 -12.362 63.279 62.667"
xml:space="preserve">
<path fill="#9B9A89" d="M48.08,14.523c-1.927-7.34-8.605-12.754-16.55-12.754S16.906,7.184,14.98,14.523H1.529v8.533h13.403
c1.863,7.431,8.587,12.936,16.597,12.936s14.732-5.504,16.596-12.936h13.404v-8.533H48.08z M31.529,27.457
c-3.229,0-6.042-1.774-7.521-4.401c-0.701-1.248-1.103-2.688-1.103-4.221c0-1.571,0.42-3.043,1.154-4.312
c1.49-2.577,4.276-4.312,7.469-4.312s5.978,1.733,7.469,4.312c0.734,1.27,1.154,2.741,1.154,4.312c0,1.534-0.401,2.974-1.104,4.221
C37.571,25.683,34.758,27.457,31.529,27.457z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

12
public/images/dashboard/burger-hover.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<path fill="#5FA5A4" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
<path fill="#5FA5A4" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
<path fill="#5FA5A4" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

12
public/images/dashboard/burger.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<path fill="#A19F9F" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
<path fill="#A19F9F" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
<path fill="#A19F9F" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

13
public/images/dashboard/github.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#9B9A89" d="M13.507,0.132c0,0-0.824-0.27-2.705,1.037c-0.788-0.224-1.633-0.335-2.47-0.339
c-0.837,0.003-1.684,0.115-2.47,0.337C3.981-0.139,3.154,0.131,3.154,0.131C2.618,1.524,2.953,2.552,3.056,2.809
C2.429,3.517,2.043,4.417,2.043,5.522c0,3.873,2.298,4.74,4.489,4.994c-0.283,0.253-0.539,0.699-0.624,1.353
c-0.564,0.256-1.994,0.702-2.869-0.84c0,0-0.521-0.969-1.512-1.042c0,0-0.962-0.013-0.066,0.612c0,0,0.645,0.311,1.095,1.479
c0,0,0.579,1.965,3.322,1.356c0,0.843,0.012,1.48,0.012,1.719c0,0.269,0.428,0.639,1.991,0.69l1.402,0.023
c-0.205-0.069,1.46,0.108,1.492-0.714c0.013-0.333,0.009-1.421,0.009-2.772c0-0.944-0.311-1.558-0.666-1.873
c2.195-0.249,4.499-1.105,4.499-4.986c0-1.103-0.383-2.003-1.011-2.713C13.708,2.552,14.046,1.524,13.507,0.132z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
public/images/dashboard/hash.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="63.279px" height="62.667px" viewBox="0 0 63.279 62.667" enable-background="new 0 0 63.279 62.667" xml:space="preserve">
<g>
<path fill="#9B9A89" d="M41.27,6.869c0.281-1.238,0.803-2.124,1.562-2.66c0.76-0.534,1.533-0.745,2.322-0.633
c0.787,0.114,1.49,0.521,2.109,1.224c0.619,0.705,0.9,1.675,0.846,2.913c-0.283,1.857-0.535,3.702-0.76,5.53
c-0.227,1.83-0.479,3.645-0.76,5.446h9.623c1.07,0.337,1.857,0.844,2.365,1.52c0.506,0.675,0.744,1.365,0.717,2.068
c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.647-1.379,1.084-2.447,1.309H45.661c-0.281,1.802-0.521,3.575-0.717,5.319
c-0.199,1.745-0.438,3.49-0.719,5.234h9.709c1.068,0.338,1.857,0.845,2.365,1.52c0.506,0.676,0.744,1.365,0.717,2.068
c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.648-1.379,1.085-2.447,1.309H43.298c-0.283,2.14-0.564,4.264-0.844,6.374
c-0.283,2.111-0.564,4.236-0.846,6.375c-0.395,1.013-0.957,1.744-1.688,2.195c-0.732,0.449-1.451,0.633-2.154,0.548
c-0.703-0.084-1.35-0.422-1.941-1.013c-0.59-0.591-0.943-1.45-1.055-2.575c0.281-1.97,0.549-3.953,0.803-5.952
c0.252-1.997,0.52-3.981,0.801-5.952H22.106c-0.282,2.14-0.578,4.264-0.887,6.374c-0.31,2.111-0.605,4.236-0.886,6.375
c-0.395,1.013-0.958,1.744-1.689,2.195c-0.732,0.449-1.45,0.633-2.153,0.548c-0.704-0.084-1.351-0.422-1.941-1.013
c-0.591-0.591-0.943-1.45-1.056-2.575c0.281-1.97,0.549-3.953,0.802-5.952c0.253-1.997,0.52-3.981,0.802-5.952H6.993
c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.874-1.463-0.844-2.279c0.028-0.815,0.365-1.562,1.013-2.237
c0.646-0.676,1.589-1.041,2.828-1.098h8.78c0.281-1.744,0.52-3.489,0.718-5.234c0.197-1.744,0.436-3.517,0.718-5.319H9.611
c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.873-1.463-0.844-2.28c0.028-0.815,0.365-1.562,1.013-2.237
c0.646-0.675,1.589-1.041,2.828-1.097h8.527c0.281-1.97,0.549-3.926,0.802-5.868c0.253-1.941,0.52-3.896,0.802-5.868
c0.281-1.237,0.802-2.124,1.562-2.659c0.76-0.534,1.533-0.746,2.322-0.633c0.788,0.113,1.491,0.521,2.11,1.224
c0.619,0.705,0.9,1.675,0.844,2.913l-1.52,10.891h14.269c0.281-1.97,0.562-3.939,0.844-5.91
C40.708,10.809,40.989,8.839,41.27,6.869z M38.02,30.93c0.197-1.744,0.408-3.517,0.633-5.319H24.385
c-0.226,1.802-0.451,3.575-0.675,5.319c-0.226,1.745-0.451,3.49-0.675,5.234h14.269C37.585,34.42,37.823,32.675,38.02,30.93z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

24
public/images/dashboard/private-icon.svg
View File

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="9px" height="12px" viewBox="0 0 9 12" enable-background="new 0 0 9 12" xml:space="preserve">
<g>
<path fill="#ADAC99" d="M7.814,5.239V3.27c0-1.806-1.463-3.269-3.27-3.269C4.524,0.001,4.507-0.001,4.484,0
C4.466,0,4.443,0.001,4.425,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24H0V12h9V5.239H7.814z M2.791,3.271
c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.026,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
H2.791V3.271z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="12px" height="12px" viewBox="-1.667 0 12 12" enable-background="new -1.667 0 12 12" xml:space="preserve">
<g>
<path fill="#ADAC99" d="M7.647,5.239V3.27c0-1.806-1.463-3.269-3.271-3.269C4.357,0.001,4.34-0.001,4.316,0
C4.299,0,4.275,0.001,4.258,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24h-1.156V12h9V5.239H7.647z M2.624,3.271
c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.025,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
H2.624V3.271z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 831 B

After

Width:  |  Height:  |  Size: 861 B