tqt/Ghost-Admin
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Code Issues Releases Wiki Activity

🎨 No more icon font: {{inline-svg}} (#605)

Browse source 
refs TryGhost/Ghost#8107
- Replaces icon font with `{{inline-svg}}` helper incl. necessary style adjustments.
This commit is contained in:
Aileen Nowak 2017-04-07 22:23:45 +07:00 committed by Kevin Ansfield
parent 03572d94d8
commit 750d55737f
69 changed files with 352 additions and 137 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/styles/app-dark.css
View file

@ -90,8 +90,12 @@ input,
background: color(var(--lightgrey));
}
.gh-nav-list i {
color: var(--darkgrey);
.gh-nav-list svg {
fill: var(--darkgrey);
}
.gh-nav-list svg g {
stroke: var(--darkgrey);
}
.gh-main {

15
app/styles/components/dropdowns.css
View file

@ -72,6 +72,18 @@
line-height: 1em;
}
.dropdown-menu svg {
margin-right: 10px;
height: 14px;
width: 14px;
line-height: 1em;
fill: color(var(--darkgrey) lightness(+20%));
}
.dropdown-menu svg path {
stroke: color(var(--darkgrey) lightness(+20%));
}
@media (max-width: 500px) {
.dropdown-menu > li > a,
.dropdown-menu > li > button {
@ -81,6 +93,9 @@
.dropdown-menu i {
font-size: 16px;
}
.dropdown-menu svg {
height: 16px;
}
}

10
app/styles/components/publishmenu.css
View file

@ -6,6 +6,16 @@
border: none;
}
.gh-publishmenu-trigger svg {
height: 8px;
width: auto;
}
.gh-publishmenu-trigger svg path {
stroke: var(--blue);
stroke-width: 1px;
}
.gh-publishmenu-trigger:focus {
outline: 0;
}

24
app/styles/components/settings-menu.css
View file

@ -129,15 +129,29 @@
color: var(--red);
}
.settings-menu-content .tag-delete-button:before {
position: relative;
top: -1px;
margin-right: 4px;
.settings-menu-content .tag-delete-button span {
flex-direction: column;
justify-content: space-between;
}
.settings-menu-content .tag-delete-button svg {
fill: var(--red);
height: 13px;
width: auto;
margin-bottom: 12px;
flex: 1 0 13px;
}
.settings-menu-content .tag-delete-button svg path {
stroke: var(--red);
}
.settings-menu-content .tag-delete-button:hover,
.settings-menu-content .tag-delete-button:hover:before {
.settings-menu-content .tag-delete-button svg:hover,
.settings-menu-content .tag-delete-button svg path:hover {
color: color(var(--red) lightness(-10%));
fill: color(var(--red) lightness(-10%));
stroke: color(var(--red) lightness(-10%));
}
.settings-menu-content .nav-list {

10
app/styles/components/splitbuttons.css
View file

@ -61,3 +61,13 @@
color: #fff;
text-align: center;
}
.splitbtn .dropdown-toggle svg {
height: 10px;
fill: #fff;
}
.splitbtn .dropdown-toggle svg path {
stroke: #fff;
stroke-width: 2px;
}

8
app/styles/layouts/apps.css
View file

@ -82,9 +82,13 @@
font-weight: 300;
}
.apps-configured i {
.apps-configured svg {
margin-left: 15px;
color: var(--midgrey);
height: 14px;
}
.apps-configured svg path {
fill: var(--midgrey);
}
.apps-configured a {

17
app/styles/layouts/editor.css
View file

@ -112,6 +112,17 @@
line-height: 16px;
}
.post-settings svg {
width: 16px;
height: 16px;
fill: var(--midgrey);
}
.post-settings svg:hover,
.post-settings.active svg {
fill: var(--darkgrey);
}
.post-settings-menu .dropdown-menu {
top: auto;
right: 100%;
@ -126,9 +137,11 @@
font-size: 1.3rem;
}
.post-view-link i {
.post-view-link svg {
display: inline;
font-size: 10px;
height: 10px;
width: auto;
fill: var(--blue);
}

24
app/styles/layouts/flow.css
View file

@ -48,6 +48,17 @@
line-height: 8px;
}
.gh-flow-back svg {
margin-right: 4px;
height: 12px;
line-height: 14px;
}
.gh-flow-back svg path {
stroke: #7d878a;
stroke-width: 1.2px;
}
.gh-flow-back:hover {
border: #dae1e3 1px solid;
}
@ -105,10 +116,10 @@
display: none;
}
.gh-flow-nav .step i {
.gh-flow-nav .step svg {
width: 26px;
height: 26px;
font-size: 26px;
fill: #fff;
}
.gh-flow-nav .active ~ li:not(divider) .step {
@ -121,7 +132,7 @@
display: block;
}
.gh-flow-nav .active ~ li:not(divider) .step i {
.gh-flow-nav .active ~ li:not(divider) .step svg {
display: none;
}
@ -136,7 +147,7 @@
display: block;
}
.gh-flow-nav .active .step i {
.gh-flow-nav .active .step svg {
display: none;
}
@ -389,10 +400,9 @@
align-items: center;
}
.gh-flow-invite label i {
.gh-flow-invite label svg {
width: 14px;
height: 14px;
font-size: 14px;
line-height: 1.4em;
}
@ -407,7 +417,7 @@
}
@media (max-width: 460px) {
.gh-flow-content .gh-flow-invite label i {
.gh-flow-content .gh-flow-invite label svg {
display: none;
}
}

81
app/styles/layouts/main.css
View file

@ -87,6 +87,18 @@ body > .ember-view:not(.default-liquid-destination) {
transition: margin-top 0.2s ease;
}
.gh-nav-menu svg {
margin-right: 8px;
width: 12px;
height: 12px;
transition: margin-top 0.2s ease;
fill: color(var(--darkgrey));
}
.gh-nav-menu svg path {
stroke-width: 1px;
}
.gh-nav-menu-icon {
flex-shrink: 0;
margin-right: 10px;
@ -158,6 +170,19 @@ body > .ember-view:not(.default-liquid-destination) {
color: var(--darkgrey);
}
.gh-nav-search-button svg {
width: 16px;
height: 16px;
fill: var(--midgrey);
line-height: 13px;
transition: color 0.2s ease;
transform: rotate(90deg);
}
.gh-nav-search-button:hover svg {
fill: var(--darkgrey);
}
.gh-nav-list {
margin: 0;
padding: 0 25px 0 0;
@ -205,24 +230,33 @@ body > .ember-view:not(.default-liquid-destination) {
opacity: 1;
}
.gh-nav-list i {
.gh-nav-list svg {
margin-right: 8px;
width: 15px;
height: 15px;
color: rgba(0,0,0,0.6);
text-align: center;
font-size: 15px;
fill: rgba(0,0,0,0.6);
line-height: 1;
}
.gh-nav-list .active i {
color: #fff;
.gh-nav-list svg g {
stroke: rgba(0,0,0,0.6);
}
.gh-nav-list a:not(.active):hover i {
color: var(--darkgrey);
.gh-nav-list .active svg {
fill: #fff;
}
.gh-nav-list .active svg g {
stroke: #fff;
}
.gh-nav-list a:not(.active):hover svg {
fill: var(--darkgrey);
}
.gh-nav-list a:not(.active):hover svg g {
stroke: var(--darkgrey);
}
/* Mobile Nav Menu (Slides out)
/* ---------------------------------------------------------- */
@ -294,7 +328,7 @@ body > .ember-view:not(.default-liquid-destination) {
font-size: 1.2rem;
}
.gh-nav-list i {
.gh-nav-list svg {
margin-right: 8px;
width: 17px;
height: 17px;
@ -331,6 +365,14 @@ body > .ember-view:not(.default-liquid-destination) {
color: var(--blue);
}
.gh-menu-toggle svg {
transition: all 0.2s ease;
}
.gh-menu-toggle:hover svg {
fill: var(--blue);
}
.gh-menu-toggle-content {
display: none;
}
@ -441,7 +483,16 @@ body > .ember-view:not(.default-liquid-destination) {
padding: 5px 15px;
text-align: center;
cursor: pointer;
color: var(--darkgrey)
color: var(--darkgrey);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
.gh-mobile-nav-bar svg {
width: 15px;
fill: var(--darkgrey);
}
}
@ -514,11 +565,13 @@ body > .ember-view:not(.default-liquid-destination) {
color: var(--blue);
}
.view-title i {
.view-title svg {
margin: 0 10px;
color: #818181;
font-size: 14px;
line-height: 12px;
height: 14px;
}
.view-title svg path {
fill: #818181;
}
.view-actions {

10
app/styles/layouts/packages.css
View file

@ -207,6 +207,10 @@
font-size: 15px;
}
.package-downloads svg {
margin-right: 5px;
height: 15px;
}
.package-download-count {
font-size: 13px;
@ -305,6 +309,12 @@
font-size: 11px;
}
.package-controls-button svg {
margin-right: 5px;
width: 11px;
height: 11px;
}
.package-disable {
border-right: var(--green) 3px solid;
}

5
app/styles/layouts/subscribers.css
View file

@ -33,6 +33,11 @@
visibility: hidden;
}
.subscribers-table table .gh-btn svg {
height: 13px;
width: auto;
}
.subscribers-table table tr:hover .gh-btn {
visibility: visible;
}

11
app/styles/layouts/user.css
View file

@ -10,6 +10,17 @@
padding: 9px 11px;
}
.user-actions-cog svg {
height: 13px;
width: auto;
fill: var(--midgrey);
margin-right: 0;
}
.user-actions-cog svg path {
stroke: initial;
}
.user-actions-menu {
top: calc(100% + 17px);
right: 0;

10
app/styles/patterns/boxes.css
View file

@ -13,16 +13,18 @@
border-radius: 5px;
}
.gh-box i:first-of-type {
.gh-box svg:first-of-type {
position: absolute;
top: 13px;
left: 15px;
font-size: 2.1rem;
height: 2.1rem;
width: auto;
}
.gh-box-info {
border-left-color: var(--blue);
}
.gh-box-info i {
color: var(--blue);
.gh-box-info svg {
fill: var(--blue);
}

18
app/styles/patterns/buttons.css
View file

@ -45,8 +45,7 @@ fieldset[disabled] .gh-btn {
pointer-events: none;
}
/* TODO: replace with svg icons */
.gh-btn i {
.gh-btn svg {
display: inline-block;
}
@ -276,6 +275,7 @@ fieldset[disabled] .gh-btn {
.gh-btn-white {
background: #fff;
}
.gh-btn-white span {
height: 38px;
}
@ -288,10 +288,22 @@ fieldset[disabled] .gh-btn {
.gh-btn-icon span {
display: flex;
align-items: center;
justify-content: center;
}
.gh-btn-icon svg {
margin-right: 10px;
height: 15px;
height: 13px;
fill: #fff;
}
.gh-btn-icon-right svg {
margin-left: 10px;
margin-right: 0;
}
.gh-btn-icon svg path {
stroke: #fff;
}

10
app/styles/patterns/navlist.css
View file

@ -63,11 +63,15 @@
letter-spacing: 0.2px;
}
.nav-list-item i {
.nav-list-item svg {
position: absolute;
top: 50%;
right: 10px;
margin-top: -0.9rem;
color: var(--midgrey);
font-size: 1.4rem;
height: 1.4rem;
width: auto;
}
.nav-list-item svg path {
fill: var(--midgrey);
}

2
app/templates/-user-list-item.hbs
View file

@ -17,7 +17,7 @@
<span class="gh-badge {{role.lowerCaseName}}" data-test-role-name>{{role.name}}</span>
{{/each}}
{{/unless}}
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
</div>
</div>
</article>

2
app/templates/components/gh-editor-save-button.hbs
View file

@ -15,7 +15,7 @@
{{#unless statusFreeze}}
{{#gh-dropdown-button dropdownName="post-save-menu" classNameBindings=":gh-btn :gh-btn-sm isDangerous:gh-btn-red:gh-btn-blue gh-btnopen:active :dropdown-toggle :up"}}
<span>
<i class="options icon-arrow2"></i>
{{inline-svg "arrow-down-small" class="options"}}
<span class="sr-only">Toggle Settings Menu</span>
</span>
{{/gh-dropdown-button}}

10
app/templates/components/gh-mobile-nav-bar.hbs
View file

@ -1,9 +1,9 @@
{{#link-to "editor.new" classNames="gh-nav-main-editor"}}<i class="icon-pen"></i>New story{{/link-to}}
{{#link-to "editor.new" classNames="gh-nav-main-editor"}}{{inline-svg "pen"}}New story{{/link-to}}
{{#if (eq routing.currentRouteName "posts.index")}}
{{#link-to "posts" (query-params type=null) classNames="gh-nav-main-content active"}}<i class="icon-content"></i>Stories{{/link-to}}
{{#link-to "posts" (query-params type=null) classNames="gh-nav-main-content active"}}{{inline-svg "content"}}Stories{{/link-to}}
{{else}}
{{#link-to "posts" classNames="gh-nav-main-content"}}<i class="icon-content"></i>Content{{/link-to}}
{{#link-to "posts" classNames="gh-nav-main-content"}}{{inline-svg "content"}}Content{{/link-to}}
{{/if}}
{{#link-to "team" classNames="gh-nav-main-users"}}<i class="icon-team"></i>Team{{/link-to}}
<div class="gh-mobile-nav-bar-more" {{action "openMobileMenu"}}><i class="icon-gh"></i>More</div>
{{#link-to "team" classNames="gh-nav-main-users"}}{{inline-svg "account-group"}}Team{{/link-to}}
<div class="gh-mobile-nav-bar-more" {{action "openMobileMenu"}}>{{inline-svg "icon" class="icon-gh"}}More</div>
{{yield}}

38
app/templates/components/gh-nav-menu.hbs
View file

@ -6,21 +6,21 @@
<div class="gh-nav-menu-details-blog">{{config.blogTitle}}</div>
<div class="gh-nav-menu-details-user">{{session.user.name}}</div>
</div>
<i class="icon-arrow"></i>
{{inline-svg "arrow-down-small"}}
{{/dropdown.trigger}}
{{#dropdown.content class="gh-nav-menu-dropdown"}}
<ul class="dropdown-menu dropdown-triangle-top" role="menu" {{action dropdown.actions.close on="click" preventDefault=false}}>
<li role="presentation"><a href="{{config.blogUrl}}/" target="_blank">View site</a></li>
<li role="presentation">{{#link-to "about" classNames="gh-nav-menu-about dropdown-item js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-shop"></i> About Ghost{{/link-to}}</li>
<li role="presentation">{{#link-to "about" classNames="gh-nav-menu-about dropdown-item js-nav-item" role="menuitem" tabindex="-1"}}{{inline-svg "store"}} About Ghost{{/link-to}}</li>
<li class="divider"></li>
<li role="presentation">{{#link-to "team.user" session.user.slug classNames="dropdown-item user-menu-profile js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-user"></i> Your Profile{{/link-to}}</li>
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li>
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li>
<li role="presentation">{{#link-to "team.user" session.user.slug classNames="dropdown-item user-menu-profile js-nav-item" role="menuitem" tabindex="-1"}}{{inline-svg "user-circle"}} Your Profile{{/link-to}}</li>
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank">{{inline-svg "ambulance"}} Support Center</a></li>
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">{{inline-svg "twitter"}} Tweet @TryGhost!</a></li>
<li class="divider"></li>
<li role="presentation"><a class="dropdown-item help-menu-how-to" role="menuitem" tabindex="-1" href="http://support.ghost.org/how-to-use-ghost/" target="_blank"><i class="icon-book"></i> How to Use Ghost</a></li>
<li role="presentation"><a class="dropdown-item help-menu-wishlist" role="menuitem" tabindex="-1" href="http://ideas.ghost.org/" target="_blank"><i class="icon-idea"></i> Wishlist</a></li>
<li role="presentation"><a class="dropdown-item help-menu-how-to" role="menuitem" tabindex="-1" href="http://support.ghost.org/how-to-use-ghost/" target="_blank">{{inline-svg "book-open"}} How to Use Ghost</a></li>
<li role="presentation"><a class="dropdown-item help-menu-wishlist" role="menuitem" tabindex="-1" href="http://ideas.ghost.org/" target="_blank">{{inline-svg "idea"}} Wishlist</a></li>
<li class="divider"></li>
<li role="presentation">{{#link-to "signout" classNames="dropdown-item user-menu-signout" role="menuitem" tabindex="-1"}}<i class="icon-signout"></i> Sign Out{{/link-to}}</li>
<li role="presentation">{{#link-to "signout" classNames="dropdown-item user-menu-signout" role="menuitem" tabindex="-1"}}{{inline-svg "signout"}} Sign Out{{/link-to}}</li>
</ul>
{{/dropdown.content}}
{{/gh-basic-dropdown}}
@ -30,33 +30,33 @@
</section>
<ul class="gh-nav-list gh-nav-main">
{{!<li><i class="icon-dash"></i>Dashboard</li>}}
<li>{{#link-to "editor.new" classNames="gh-nav-main-editor"}}<i class="icon-pen"></i>New story{{/link-to}}</li>
<li>{{#link-to "editor.new" classNames="gh-nav-main-editor"}}{{inline-svg "pen"}}New story{{/link-to}}</li>
{{!<li><a href="#"><i class="icon-user"></i>My Posts</a></li>}}
<li>
{{!-- clicking the Content link whilst on the content screen should reset the filter --}}
{{#if (eq routing.currentRouteName "posts.index")}}
{{#link-to "posts" (query-params type=null author=null tag=null order=null) classNames="gh-nav-main-content active"}}<i class="icon-content"></i>Stories{{/link-to}}
{{#link-to "posts" (query-params type=null author=null tag=null order=null) classNames="gh-nav-main-content active"}}{{inline-svg "content"}}Stories{{/link-to}}
{{else}}
{{#link-to "posts" classNames="gh-nav-main-content"}}<i class="icon-content"></i>Stories{{/link-to}}
{{#link-to "posts" classNames="gh-nav-main-content"}}{{inline-svg "content"}}Stories{{/link-to}}
{{/if}}
</li>
<li>{{#link-to "team" classNames="gh-nav-main-users"}}<i class="icon-team"></i>Team{{/link-to}}</li>
<li>{{#link-to "team" classNames="gh-nav-main-users"}}{{inline-svg "account-group"}}Team{{/link-to}}</li>
{{!<li><a href="#"><i class="icon-idea"></i>Ideas</a></li>}}
{{#if feature.subscribers}}
{{#if (gh-user-can-admin session.user)}}
<li>{{#link-to "subscribers" classNames="gh-nav-main-subscribers"}}<i class="icon-mail"></i>Subscribers{{/link-to}}</li>
<li>{{#link-to "subscribers" classNames="gh-nav-main-subscribers"}}{{inline-svg "email"}}Subscribers{{/link-to}}</li>
{{/if}}
{{/if}}
</ul>
{{#if (gh-user-can-admin session.user)}}
<ul class="gh-nav-list gh-nav-settings">
<li class="gh-nav-list-h">Settings</li>
<li>{{#link-to "settings.general" classNames="gh-nav-settings-general"}}<i class="icon-settings"></i>General{{/link-to}}</li>
<li>{{#link-to "settings.design" classNames="gh-nav-settings-navigation"}}<i class="icon-compass"></i>Design{{/link-to}}</li>
<li>{{#link-to "settings.tags" classNames="gh-nav-settings-tags"}}<i class="icon-tag"></i>Tags{{/link-to}}</li>
<li>{{#link-to "settings.code-injection" classNames="gh-nav-settings-code-injection"}}<i class="icon-code"></i>Code injection{{/link-to}}</li>
<li>{{#link-to "settings.apps" classNames="gh-nav-settings-apps"}}<i class="icon-box"></i>Apps{{/link-to}}</li>
<li>{{#link-to "settings.labs" classNames="gh-nav-settings-labs"}}<i class="icon-labs"></i>Labs{{/link-to}}</li>
<li>{{#link-to "settings.general" classNames="gh-nav-settings-general"}}{{inline-svg "settings"}}General{{/link-to}}</li>
<li>{{#link-to "settings.design" classNames="gh-nav-settings-navigation"}}{{inline-svg "compass"}}Design{{/link-to}}</li>
<li>{{#link-to "settings.tags" classNames="gh-nav-settings-tags"}}{{inline-svg "tag"}}Tags{{/link-to}}</li>
<li>{{#link-to "settings.code-injection" classNames="gh-nav-settings-code-injection"}}{{inline-svg "brackets"}}Code injection{{/link-to}}</li>
<li>{{#link-to "settings.apps" classNames="gh-nav-settings-apps"}}{{inline-svg "box"}}Apps{{/link-to}}</li>
<li>{{#link-to "settings.labs" classNames="gh-nav-settings-labs"}}{{inline-svg "wrench-double"}}Labs{{/link-to}}</li>
</ul>
{{/if}}
</section>

6
app/templates/components/gh-post-settings-menu.hbs
View file

@ -17,11 +17,11 @@
<label for="url">Post URL</label>
{{#if model.isPublished}}
<a class="post-view-link" target="_blank" href="{{model.absoluteUrl}}">
View post <i class="icon-external"></i>
View post {{inline-svg "external"}}
</a>
{{else}}
<a class="post-view-link" target="_blank" href="{{model.previewUrl}}">
Preview <i class="icon-external"></i>
Preview {{inline-svg "external"}}
</a>
{{/if}}
@ -87,7 +87,7 @@
<b>Meta Data</b>
<span>Extra content for SEO and social media.</span>
</button>
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
{{/gh-tab}}
</ul>

2
app/templates/components/gh-subscribers-table-delete-cell.hbs
View file

@ -1 +1 @@
<button class="gh-btn gh-btn-link gh-btn-sm" {{action tableActions.delete row.content}}><span><i class="icon-trash"></i></span></button>
<button class="gh-btn gh-btn-link gh-btn-sm" {{action tableActions.delete row.content}}><span>{{inline-svg "trash"}}</span></button>

4
app/templates/components/gh-tag-settings-form.hbs
View file

@ -41,12 +41,12 @@
<b>Meta Data</b>
<span>Extra content for SEO and social media.</span>
</button>
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
</li>
</ul>
{{#unless tag.isNew}}
<button type="button" class="gh-btn gh-btn-link gh-btn-sm tag-delete-button" {{action "deleteTag"}}><span><i class="icon-trash"></i> Delete Tag</span></button>
<button type="button" class="gh-btn gh-btn-link gh-btn-sm gh-btn-icon tag-delete-button" {{action "deleteTag"}}><span>{{inline-svg "trash"}} Delete Tag</span></button>
{{/unless}}
</form>
</div>

4
app/templates/components/gh-task-button.hbs
View file

@ -9,7 +9,7 @@
<span>
{{#if isRunning}}<span class="spinner"></span>{{/if}}
{{if (or isIdle isRunning) buttonText}}
{{#if isSuccess}}<i class="icon-check"></i> {{successText}}{{/if}}
{{#if isFailure}}<i class="icon-x"></i> {{failureText}}{{/if}}
{{#if isSuccess}}{{inline-svg "check-circle"}} {{successText}}{{/if}}
{{#if isFailure}}{{inline-svg "close"}} {{failureText}}{{/if}}
</span>
{{/if}}

2
app/templates/components/modals/delete-all.hbs
View file

@ -9,5 +9,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deleteAll class="gh-btn gh-btn-red"}}
{{gh-task-button "Delete" successText="Deleted" task=deleteAll class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/delete-post.hbs
View file

@ -11,5 +11,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deletePost class="gh-btn gh-btn-red"}}
{{gh-task-button "Delete" successText="Deleted" task=deletePost class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/delete-subscriber.hbs
View file

@ -9,5 +9,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deleteSubscriber class="gh-btn gh-btn-red"}}
{{gh-task-button "Delete" successText="Deleted" task=deleteSubscriber class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/delete-tag.hbs
View file

@ -12,5 +12,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deleteTag class="gh-btn gh-btn-red"}}
{{gh-task-button "Delete" successText="Deleted" task=deleteTag class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/delete-theme.hbs
View file

@ -9,5 +9,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn" data-test-cancel-button><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deleteTheme class="gh-btn gh-btn-red" data-test-delete-button=true}}
{{gh-task-button "Delete" successText="Deleted" task=deleteTheme class="gh-btn gh-btn-red gh-btn-icon" data-test-delete-button=true}}
</div>

2
app/templates/components/modals/delete-user.hbs
View file

@ -13,5 +13,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Delete" successText="Deleted" task=deleteUser class="gh-btn gh-btn-red"}}
{{gh-task-button "Delete" successText="Deleted" task=deleteUser class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/invite-new-user.hbs
View file

@ -42,5 +42,5 @@
</div>
<div class="modal-footer">
{{gh-task-button "Send invitation now" successText="Sent" task=sendInvitation class="gh-btn gh-btn-green"}}
{{gh-task-button "Send invitation now" successText="Sent" task=sendInvitation class="gh-btn gh-btn-green gh-btn-icon"}}
</div>

2
app/templates/components/modals/new-subscriber.hbs
View file

@ -25,5 +25,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Add" successText="Added" task=addSubscriber class="gh-btn gh-btn-green"}}
{{gh-task-button "Add" successText="Added" task=addSubscriber class="gh-btn gh-btn-green gh-btn-icon"}}
</div>

4
app/templates/components/modals/re-authenticate.hbs
View file

@ -6,13 +6,13 @@
<div class="modal-body {{if authenticationError 'error'}}">
{{#if config.ghostOAuth}}
{{gh-task-button "Sign in with Ghost" task=reauthenticate class="login gh-btn gh-btn-blue gh-btn-block" tabindex="3" autoWidth="false"}}
{{gh-task-button "Sign in with Ghost" task=reauthenticate class="login gh-btn gh-btn-blue gh-btn-block gh-btn-icon" tabindex="3" autoWidth="false"}}
{{else}}
<form id="login" class="login-form" method="post" novalidate="novalidate" {{action "confirm" on="submit"}}>
{{#gh-validation-status-container class="password-wrap" errors=errors property="password" hasValidated=hasValidated}}
{{gh-input password class="password" type="password" placeholder="Password" name="password" update=(action (mut password))}}
{{/gh-validation-status-container}}
{{gh-task-button "Log in" task=reauthenticate class="gh-btn gh-btn-blue" type="submit"}}
{{gh-task-button "Log in" task=reauthenticate class="gh-btn gh-btn-blue gh-btn-icon" type="submit"}}
</form>
{{/if}}

2
app/templates/components/modals/suspend-user.hbs
View file

@ -9,5 +9,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Suspend" successText="Suspended" task=suspendUser class="gh-btn gh-btn-red" data-test-modal-confirm=true}}
{{gh-task-button "Suspend" successText="Suspended" task=suspendUser class="gh-btn gh-btn-red gh-btn-icon" data-test-modal-confirm=true}}
</div>

2
app/templates/components/modals/transfer-owner.hbs
View file

@ -12,5 +12,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Yep - I'm sure" task=transferOwnership class="gh-btn gh-btn-red"}}
{{gh-task-button "Yep - I'm sure" task=transferOwnership class="gh-btn gh-btn-red gh-btn-icon"}}
</div>

2
app/templates/components/modals/unsuspend-user.hbs
View file

@ -9,5 +9,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button "Un-suspend" successText="Suspended" task=unsuspendUser class="gh-btn gh-btn-red" data-test-modal-confirm=true}}
{{gh-task-button "Un-suspend" successText="Suspended" task=unsuspendUser class="gh-btn gh-btn-red gh-btn-icon" data-test-modal-confirm=true}}
</div>

2
app/templates/components/modals/upload-image.hbs
View file

@ -20,5 +20,5 @@
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
{{gh-task-button task=uploadImage class="gh-btn gh-btn-blue right" data-test-modal-accept-button=true}}
{{gh-task-button task=uploadImage class="gh-btn gh-btn-blue gh-btn-icon right" data-test-modal-accept-button=true}}
</div>

14
app/templates/editor/edit.hbs
View file

@ -28,19 +28,19 @@
submitting=submitting
}}
<button type="button" class="post-settings" title="Settings" {{action "openSettingsMenu"}}>
<i class="icon-settings"></i>
{{inline-svg "settings"}}
</button>
</section>
</header>
<div class="gh-editor-container">
<div class="gh-editor-inner">
{{gh-editor-title
{{gh-editor-title
val=(readonly model.titleScratch)
onChange=(action (mut model.titleScratch))
tabindex="1"
shouldFocus=shouldFocusTitle
focus-out="updateTitle"
update=(action (perform updateTitle))
onChange=(action (mut model.titleScratch))
tabindex="1"
shouldFocus=shouldFocusTitle
focus-out="updateTitle"
update=(action (perform updateTitle))
id='gh-editor-title'
}}
{{#if scheduleCountdown}}

2
app/templates/reset.hbs
View file

@ -9,7 +9,7 @@
{{gh-input ne2Password type="password" name="ne2password" placeholder="Confirm Password" class="password" autocorrect="off" autofocus="autofocus" update=(action (mut ne2Password))}}
{{/gh-form-group}}
{{gh-task-button "Reset Password" task=resetPassword class="gh-btn gh-btn-blue gh-btn-block" type="submit" autoWidth="false"}}
{{gh-task-button "Reset Password" task=resetPassword class="gh-btn gh-btn-blue gh-btn-block gh-btn-icon" type="submit" autoWidth="false"}}
</form>
<p class="main-error">{{{flowErrors}}}</p>

4
app/templates/settings/apps/amp.hbs
View file

@ -1,7 +1,7 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span style="padding-left:1px">{{#link-to "settings.apps.index"}}Apps{{/link-to}} <i class="icon-arrow-right" style="display:inline"></i> AMP</span>{{/gh-view-title}}
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span style="padding-left:1px">{{#link-to "settings.apps.index"}}Apps{{/link-to}} {{inline-svg "arrow-right"}} AMP</span>{{/gh-view-title}}
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue" data-test-save-button=true}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}
</section>
</header>
<section class="view-container">

4
app/templates/settings/apps/index.hbs
View file

@ -22,7 +22,7 @@
{{else}}
<span>Configure</span>
{{/if}}
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
</div>
</div>
</article>
@ -46,7 +46,7 @@
{{else}}
<span>Configure</span>
{{/if}}
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
</div>
</div>
</article>

6
app/templates/settings/apps/slack.hbs
View file

@ -1,7 +1,7 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span style="padding-left:1px">{{#link-to "settings.apps.index"}}Apps{{/link-to}} <i class="icon-arrow-right" style="display:inline"></i> Slack</span>{{/gh-view-title}}
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span style="padding-left:1px">{{#link-to "settings.apps.index"}}Apps{{/link-to}} {{inline-svg "arrow-right"}} Slack</span>{{/gh-view-title}}
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue" data-test-save-button=true}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}
</section>
</header>
<section class="view-container">
@ -31,7 +31,7 @@
{{/gh-form-group}}
</form>
{{gh-task-button "Send Test Notification" task=sendTestNotification successText="Sent" class="gh-btn gh-btn-grey" disabled=testNotificationDisabled data-test-send-notification-button=true}}
{{gh-task-button "Send Test Notification" task=sendTestNotification successText="Sent" class="gh-btn gh-btn-grey gh-btn-icon" disabled=testNotificationDisabled data-test-send-notification-button=true}}
</section>
</section>

2
app/templates/settings/code-injection-loading.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">Code injection</h2>
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue" disabled=true data-test-save-button=true}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" disabled=true data-test-save-button=true}}
</section>
</header>

2
app/templates/settings/code-injection.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">Code injection</h2>
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue" data-test-save-button=true}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}
</section>
</header>

2
app/templates/settings/design-loading.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">Design</h2>
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue" disabled=true}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" disabled=true}}
</section>
</header>

2
app/templates/settings/design.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">Design</h2>
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue"}}
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon"}}
</section>
</header>

2
app/templates/settings/general-loading.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">General</h2>
<section class="view-actions">
{{gh-task-button "Save settings" task=save class="gh-btn gh-btn-blue" disabled=true data-test-save-button=true}}
{{gh-task-button "Save settings" task=save class="gh-btn gh-btn-blue gh-btn-icon" disabled=true data-test-save-button=true}}
</section>
</header>

2
app/templates/settings/general.hbs
View file

@ -2,7 +2,7 @@
<header class="gh-canvas-header">
<h2 class="gh-canvas-title">General</h2>
<section class="view-actions">
{{gh-task-button "Save settings" task=save class="gh-btn gh-btn-blue" data-test-save-button=true}}
{{gh-task-button "Save settings" task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}
</section>
</header>

4
app/templates/settings/labs.hbs
View file

@ -4,7 +4,7 @@
</header>
<section class="view-container settings-debug">
<p class="gh-box gh-box-info"><i class="icon-idea"></i>This is a testing ground for experimental features which aren't quite ready for primetime. They may change, break or inexplicably disappear at any time.</p>
<p class="gh-box gh-box-info">{{inline-svg "idea"}}This is a testing ground for experimental features which aren't quite ready for primetime. They may change, break or inexplicably disappear at any time.</p>
<div class="gh-setting-header">Migration options</div>
<div class="gh-setting">
@ -45,7 +45,7 @@
<div class="gh-setting-desc">Send yourself a test email to make sure everything is working</div>
</div>
<div class="gh-setting-action">
{{gh-task-button "Send" successText="Sent" task=sendTestEmail class="gh-btn gh-btn-hover-blue"}}
{{gh-task-button "Send" successText="Sent" task=sendTestEmail class="gh-btn gh-btn-hover-blue gh-btn-icon"}}
</div>
</div>

8
app/templates/setup.hbs
View file

@ -2,19 +2,19 @@
<header class="gh-flow-head">
<nav class="gh-flow-nav">
{{#if showBackLink}}
{{#link-to backRoute classNames="gh-flow-back"}}<i class="icon-arrow-left"></i> Back{{/link-to}}
{{#link-to backRoute classNames="gh-flow-back"}}{{inline-svg "arrow-left-small"}} Back{{/link-to}}
{{/if}}
<ol>
{{#gh-activating-list-item route="setup.one" linkClasses="step"}}
<i class="icon-check"></i><span class="num">1</span>
{{inline-svg "check-circle"}}<span class="num">1</span>
{{/gh-activating-list-item}}
<li class="divider"></li>
{{#gh-activating-list-item route="setup.two" linkClasses="step"}}
<i class="icon-check"></i><span class="num">2</span>
{{inline-svg "check-circle"}}<span class="num">2</span>
{{/gh-activating-list-item}}
<li class="divider"></li>
{{#gh-activating-list-item route="setup.three" linkClasses="step"}}
<i class="icon-check"></i><span class="num">3</span>
{{inline-svg "check-circle"}}<span class="num">3</span>
{{/gh-activating-list-item}}
</ol>
</nav>

4
app/templates/setup/one.hbs
View file

@ -7,6 +7,6 @@
<img src="assets/img/install-welcome.png" alt="Ghost screenshot" />
</figure>
{{#link-to "setup.two" classNames="gh-btn gh-btn-green gh-btn-lg"}}
<span>Create your account <i class="icon-chevron"></i></span>
{{#link-to "setup.two" classNames="gh-btn gh-btn-green gh-btn-lg gh-btn-icon gh-btn-icon-right"}}
<span>Create your account {{inline-svg "arrow-right-small"}}</span>
{{/link-to}}

2
app/templates/setup/three.hbs
View file

@ -7,7 +7,7 @@
<form class="gh-flow-invite">
{{#gh-form-group errors=errors hasValidated=hasValidated property="users"}}
<label for="users">Enter one email address per line, we’ll handle the rest! <i class="icon-mail"></i></label>
<label for="users">Enter one email address per line, we’ll handle the rest! {{inline-svg "email"}}</label>
{{gh-textarea users name="users" required="required" focusOut=(action "validate") update=(action (mut users))}}
{{/gh-form-group}}

8
app/templates/setup/two.hbs
View file

@ -24,8 +24,8 @@
{{/gh-form-group}}
</form>
{{#gh-spin-button type="submit" tabindex="5" class="gh-btn gh-btn-green gh-btn-lg gh-btn-block" action=(action 'setup') disabled=submitDisabled submitting=submitting autoWidth="false"}}
<span>Last step: Invite your team <i class="icon-chevron"></i></span>
{{#gh-spin-button type="submit" tabindex="5" class="gh-btn gh-btn-green gh-btn-lg gh-btn-block gh-btn-icon gh-btn-icon-right" action=(action 'setup') disabled=submitDisabled submitting=submitting autoWidth="false"}}
<span>Last step: Invite your team {{inline-svg "arrow-right-small"}}</span>
{{/gh-spin-button}}
{{else}}
@ -67,8 +67,8 @@
</span>
{{gh-error-message errors=errors property="blogTitle"}}
{{/gh-form-group}}
{{#gh-spin-button type="submit" tabindex="5" class="gh-btn gh-btn-green gh-btn-lg gh-btn-block" action="setup" submitting=submitting autoWidth="false"}}
<span>Last step: Invite your team <i class="icon-chevron"></i></span>
{{#gh-spin-button type="submit" tabindex="5" class="gh-btn gh-btn-green gh-btn-lg gh-btn-block gh-btn-icon gh-btn-icon-right" action="setup" submitting=submitting autoWidth="false"}}
<span>Last step: Invite your team {{inline-svg "arrow-right-small"}}</span>
{{/gh-spin-button}}
</form>
{{/if}}

4
app/templates/signin.hbs
View file

@ -9,7 +9,7 @@
<form id="login" method="post" class="gh-signin" novalidate="novalidate" {{action "authenticate" on="submit"}}>
{{#if config.ghostOAuth}}
{{gh-task-button "Sign in with Ghost" task=authenticateWithGhostOrg class="login gh-btn gh-btn-blue gh-btn-block" tabindex="3"}}
{{gh-task-button "Sign in with Ghost" task=authenticateWithGhostOrg class="login gh-btn gh-btn-blue gh-btn-block gh-btn-icon" tabindex="3"}}
{{else}}
{{#gh-form-group errors=model.errors hasValidated=hasValidated property="identification"}}
<span class="input-icon icon-mail">
@ -24,7 +24,7 @@
{{/gh-task-button}}
</span>
{{/gh-form-group}}
{{gh-task-button "Sign in" task=validateAndAuthenticate class="login gh-btn gh-btn-blue gh-btn-block" type="submit" tabindex="3"}}
{{gh-task-button "Sign in" task=validateAndAuthenticate class="login gh-btn gh-btn-blue gh-btn-block gh-btn-icon" type="submit" tabindex="3"}}
{{/if}}
</form>

2
app/templates/team/user-loading.hbs
View file

@ -2,7 +2,7 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}
{{link-to "Team" "team"}}
<i class="icon-arrow-right"></i>
{{inline-svg "arrow-right"}}
{{/gh-view-title}}
<section class="view-actions">

14
app/templates/team/user.hbs
View file

@ -2,18 +2,18 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}
{{link-to "Team" "team" data-test-team-link=true}}
<i class="icon-arrow-right"></i> <span>{{user.name}}</span>
{{inline-svg "arrow-right"}} <span>{{user.name}}</span>
{{#if user.isSuspended}}
<i></i> <span class="gh-badge administrator" data-test-suspended-badge>Suspended</span>
<span class="gh-badge administrator" data-test-suspended-badge>Suspended</span>
{{/if}}
{{/gh-view-title}}
<section class="view-actions">
{{#if userActionsAreVisible}}
<span class="dropdown">
{{#gh-dropdown-button dropdownName="user-actions-menu" classNames="gh-btn gh-btn-default only-has-icon user-actions-cog" title="User Actions" data-test-user-actions=true}}
{{#gh-dropdown-button dropdownName="user-actions-menu" classNames="gh-btn gh-btn-default gh-btn-icon only-has-icon user-actions-cog" title="User Actions" data-test-user-actions=true}}
<span>
<i class="icon-settings"></i>
{{inline-svg "settings"}}
<span class="hidden">User Settings</span>
</span>
{{/gh-dropdown-button}}
@ -56,7 +56,7 @@
</span>
{{/if}}
{{gh-task-button class="gh-btn gh-btn-blue" task=save}}
{{gh-task-button class="gh-btn gh-btn-blue gh-btn-icon" task=save}}
{{#if showDeleteUserModal}}
{{gh-fullscreen-modal "delete-user"
@ -234,7 +234,7 @@
{{/gh-form-group}}
<div class="form-group">
{{gh-task-button "Change Password" class="gh-btn gh-btn-red button-change-password" task=user.saveNewPassword}}
{{gh-task-button "Change Password" class="gh-btn gh-btn-red gh-btn-icon button-change-password" task=user.saveNewPassword}}
</div>
</fieldset>
</form> {{! change password form }}
@ -243,7 +243,7 @@
{{!-- when using Ghost OAuth, users trying to change email/pass need to visit my.ghost.org --}}
{{#if showMyGhostLink}}
<div class="user-profile">
<p class="gh-box gh-box-info"><i class="icon-lock"></i> To change your login details please visit <a href="https://my.ghost.org/account" target="_blank">https://my.ghost.org/account</a></p>
<p class="gh-box gh-box-info">{{inline-svg "lock"}} To change your login details please visit <a href="https://my.ghost.org/account" target="_blank">https://my.ghost.org/account</a></p>
</div>
{{/if}}
</div>

3
public/assets/icons/add.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M30.688 14.688h-13.313v-13.375c0-0.688-0.625-1.313-1.313-1.313 0 0 0 0 0 0-0.75 0-1.375 0.625-1.375 1.313v13.375h-13.375c-0.688 0-1.313 0.563-1.313 1.313s0.625 1.313 1.313 1.313h13.375v13.375c0 0.688 0.563 1.313 1.313 1.313v0c0.75 0 1.313-0.625 1.313-1.313l0.063-13.375h13.313c0.75 0 1.313-0.563 1.313-1.313s-0.563-1.313-1.313-1.313z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 457 B

3
public/assets/icons/ambulance.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M31.313 9.313h-12.625v-0.625c0-1.875-1.5-3.375-3.375-3.375-1.813 0-3.313 1.5-3.313 3.375v3.313h-5.313c-0.25 0-0.5 0.125-0.625 0.313l-3.25 5.938-2.625 2.625c-0.125 0.125-0.188 0.313-0.188 0.438v7.375c0 0.375 0.313 0.625 0.688 0.625h2.688c0.313 1.563 1.688 2.688 3.313 2.688 1.563 0 2.938-1.125 3.25-2.688h12.125c0.313 1.563 1.688 2.688 3.25 2.688 1.625 0 3-1.125 3.313-2.688h2.688c0.375 0 0.688-0.25 0.688-0.625v-18.688c0-0.375-0.313-0.688-0.688-0.688zM30.688 25.313h-17.375v-14.625h17.375zM22.063 28h-12.125c-0.125-0.5-0.313-0.938-0.625-1.313h13.375c-0.313 0.375-0.5 0.813-0.625 1.313zM13.313 8.688c0-1.125 0.938-2 2-2 1.125 0 2 0.875 2 2v0.625h-4zM3.813 19.125c0.063 0 0.063-0.063 0.125-0.125l3.125-5.688h4.938v12h-10.688v-3.688zM1.313 26.688h2.688c-0.25 0.375-0.5 0.813-0.625 1.313h-2.063zM6.688 30.688c-1.125 0-2-0.938-2-2 0-1.125 0.875-2 2-2 1.063 0 2 0.875 2 2 0 1.063-0.938 2-2 2zM25.313 30.688c-1.063 0-2-0.938-2-2 0-1.125 0.938-2 2-2 1.125 0 2 0.875 2 2 0 1.063-0.875 2-2 2zM28.625 28c-0.125-0.5-0.375-0.938-0.625-1.313h2.688v1.313zM5.688 19.938c0.125 0.063 0.188 0.063 0.313 0.063 0.25 0 0.5-0.125 0.625-0.375l1.813-3.625h1.563c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.625-0.688-0.625h-2c-0.25 0-0.5 0.125-0.625 0.375l-2 4c-0.125 0.313 0 0.688 0.313 0.875zM17.313 16.688v2.625c0 0.375 0.313 0.688 0.688 0.688h2v2c0 0.375 0.313 0.688 0.688 0.688h2.625c0.375 0 0.688-0.313 0.688-0.688v-2h2c0.375 0 0.688-0.313 0.688-0.688v-2.625c0-0.375-0.313-0.688-0.688-0.688h-2v-2c0-0.375-0.313-0.688-0.688-0.688h-2.625c-0.375 0-0.688 0.313-0.688 0.688v2h-2c-0.375 0-0.688 0.313-0.688 0.688zM18.688 17.313h2c0.375 0 0.625-0.25 0.625-0.625v-2h1.375v2c0 0.375 0.25 0.625 0.625 0.625h2v1.375h-2c-0.375 0-0.625 0.25-0.625 0.625v2h-1.375v-2c0-0.375-0.25-0.625-0.625-0.625h-2z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

3
public/assets/icons/box.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M32 7.313v0c0-0.063 0-0.125-0.063-0.188 0 0 0-0.063 0-0.063 0-0.063-0.063-0.125-0.125-0.188 0 0 0 0 0 0-0.063-0.063-0.063-0.063-0.125-0.125 0 0-0.063 0-0.063 0s0 0 0 0l-15.375-6.688c-0.125-0.063-0.375-0.063-0.5 0l-15.375 6.688c0 0 0 0 0 0s-0.063 0-0.063 0c-0.063 0.063-0.063 0.063-0.125 0.125 0 0 0 0 0 0-0.063 0.063-0.125 0.125-0.125 0.188 0 0 0 0.063 0 0.063-0.063 0.063-0.063 0.125-0.063 0.188v0c0 0 0 0 0 0v17.375c0 0.25 0.188 0.5 0.375 0.563l15.375 6.688c0 0 0 0 0 0 0.063 0.063 0.188 0.063 0.25 0.063s0.188 0 0.25-0.063c0 0 0 0 0 0l15.375-6.688c0.188-0.063 0.375-0.313 0.375-0.563v-17.375c0 0 0 0 0 0zM16 1.375l13.688 5.938-6.188 2.688-12.375-6.5zM16 13.25l-13.688-5.938 7.25-3.125 12.375 6.5zM1.313 8.375l14 6.063v15.875l-14-6.063zM30.688 24.25l-14 6.063v-15.875l14-6.063zM12.25 16.063l-7.313-3.313c-0.188-0.125-0.438-0.125-0.625 0s-0.313 0.375-0.313 0.563v6.688c0 0.25 0.125 0.5 0.375 0.625l7.375 3.313c0.063 0.063 0.125 0.063 0.25 0.063s0.25-0.063 0.375-0.125c0.188-0.125 0.313-0.313 0.313-0.563v-6.625c0-0.313-0.188-0.5-0.438-0.625zM11.313 22.313l-6-2.75v-5.188l6 2.75z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
public/assets/icons/compass.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M22.375 8.75l-16.688 8.688c-0.25 0.125-0.438 0.438-0.313 0.75 0.063 0.25 0.313 0.5 0.625 0.5h7.313v7.313c0 0.313 0.25 0.563 0.5 0.625 0.063 0.063 0.125 0.063 0.188 0.063 0.25 0 0.5-0.125 0.563-0.375l8.688-16.688c0.125-0.25 0.125-0.563-0.125-0.75-0.188-0.25-0.5-0.25-0.75-0.125zM14.688 23.25v-5.25c0-0.375-0.313-0.688-0.688-0.688h-5.25l12.375-6.438zM16 0c-8.813 0-16 7.188-16 16s7.188 16 16 16c8.813 0 16-7.188 16-16s-7.188-16-16-16zM16 30.688c-8.063 0-14.688-6.625-14.688-14.688s6.625-14.688 14.688-14.688c8.063 0 14.688 6.625 14.688 14.688s-6.625 14.688-14.688 14.688z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 693 B

3
public/assets/icons/content.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M28.688 0h-25.375c-0.375 0-0.625 0.313-0.625 0.688v30.625c0 0.375 0.25 0.688 0.625 0.688h25.375c0.375 0 0.625-0.313 0.625-0.688v-30.625c0-0.375-0.25-0.688-0.625-0.688zM28 30.688h-24v-29.375h3.313v1.375h-0.625v2.625h2.625v-2.625h-0.625v-1.375h4v1.375h-0.688v2.625h2.688v-2.625h-0.688v-1.375h4v1.375h-0.688v2.625h2.688v-2.625h-0.688v-1.375h4v1.375h-0.625v2.625h2.625v-2.625h-0.625v-1.375h3.313zM23.313 9.313h-14.625c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688h14.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.688-0.688-0.688zM23.313 13.313h-14.625c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688h14.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.688-0.688-0.688zM23.313 17.313h-14.625c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688h14.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.688-0.688-0.688zM23.313 21.313h-14.625c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688h14.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.688-0.688-0.688zM23.313 25.313h-14.625c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688h14.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.688-0.688-0.688z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
public/assets/icons/external.svg Executable file
View file

@ -0,0 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>external</title>
<path d="M24 24h-16v-15.938l4-0.063v-4h-8v24h24v-10h-4zM16 4l4 4-6 6 4 4 6-6 4 4v-12z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 224 B

3
public/assets/icons/idea.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M16 6.688c-4.75 0-8.688 3.875-8.688 8.625 0 3.813 2.438 7.125 6 8.25v1.125c0 0.375 0.313 0.625 0.688 0.625h4c0.375 0 0.688-0.25 0.688-0.625v-1.125c3.563-1.125 6-4.438 6-8.25 0-4.75-3.938-8.625-8.688-8.625zM17.813 22.438c-0.25 0.063-0.5 0.313-0.5 0.625v0.938h-2.625v-0.938c0-0.313-0.25-0.563-0.5-0.625-3.25-0.875-5.5-3.75-5.5-7.125 0-4 3.25-7.313 7.313-7.313s7.313 3.313 7.313 7.313c0 3.375-2.25 6.25-5.5 7.125zM16.688 29.313h-1.375c-0.375 0-0.625 0.313-0.625 0.688s0.25 0.688 0.625 0.688h1.375c0.375 0 0.625-0.313 0.625-0.688s-0.25-0.688-0.625-0.688zM18 26.688h-4c-0.375 0-0.688 0.25-0.688 0.625s0.313 0.688 0.688 0.688h4c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.625-0.688-0.625zM16 5.313c0.375 0 0.688-0.25 0.688-0.625v-2.688c0-0.375-0.313-0.688-0.688-0.688s-0.688 0.313-0.688 0.688v2.688c0 0.375 0.313 0.625 0.688 0.625zM29.313 14.688h-2.625c-0.375 0-0.688 0.25-0.688 0.625s0.313 0.688 0.688 0.688h2.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.625-0.688-0.625zM5.313 14.688h-2.625c-0.375 0-0.688 0.25-0.688 0.625s0.313 0.688 0.688 0.688h2.625c0.375 0 0.688-0.313 0.688-0.688s-0.313-0.625-0.688-0.625zM8 8.25c0.125 0.125 0.313 0.188 0.438 0.188 0.188 0 0.375-0.063 0.5-0.188 0.25-0.25 0.25-0.688 0-0.938l-2.813-2.813c-0.313-0.25-0.688-0.25-1 0-0.25 0.25-0.25 0.688 0 0.938zM23.563 8.438c0.125 0 0.313-0.063 0.438-0.188l2.813-2.813c0.313-0.25 0.313-0.688 0-0.938-0.25-0.25-0.625-0.25-0.938 0l-2.813 2.813c-0.25 0.25-0.25 0.688 0 0.938 0.125 0.125 0.313 0.188 0.5 0.188z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

3
public/assets/icons/pen.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M28.5 7.313l-3.813-3.813c-0.25-0.25-0.688-0.25-0.938 0l-0.5 0.563c-0.563-0.375-1.188-0.563-1.813-0.563-0.938 0-1.75 0.313-2.375 0.938l-7.563 7.563c-0.25 0.25-0.25 0.688 0 0.938 0.125 0.125 0.313 0.188 0.5 0.188 0.125 0 0.313-0.063 0.438-0.188l7.563-7.5c0.563-0.625 1.5-0.75 2.25-0.438l-6 6.063-13.25 13.188c0 0 0 0 0 0.063-0.063 0-0.063 0.063-0.125 0.188l-2.813 6.563c-0.125 0.25-0.063 0.563 0.125 0.75 0.125 0.125 0.313 0.188 0.5 0.188 0.063 0 0.188 0 0.25-0.063l6.563-2.813c0 0 0 0 0 0v0c0.125-0.063 0.188-0.063 0.188-0.125 0.063 0 0.063 0 0.063 0l13.188-13.25 7.563-7.5c0.125-0.125 0.188-0.313 0.188-0.5s-0.063-0.313-0.188-0.438zM1.938 30.063l1.813-4.188 2.375 2.375zM7.25 27.563l-2.813-2.813 12.25-12.25 2.813 2.813zM20.438 14.375l-2.813-2.813 6.125-6.188 0.5-0.438 2.813 2.813z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 906 B

3
public/assets/icons/settings.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M31.313 13.313h-3.813c-0.25-1.063-0.563-2.188-1-3.063l2.688-2.75c0.125-0.125 0.188-0.25 0.188-0.438s-0.063-0.375-0.188-0.5l-3.75-3.75c-0.25-0.25-0.688-0.25-0.938 0l-2.75 2.688c-0.875-0.438-2-0.75-3.063-1v-3.813c0-0.375-0.313-0.688-0.688-0.688h-4c-0.375 0-0.688 0.313-0.688 0.688v3.813c-1.063 0.25-2.188 0.563-3.063 1l-2.75-2.688c-0.25-0.25-0.688-0.25-0.938 0l-3.75 3.75c-0.25 0.25-0.25 0.688 0 0.938l2.688 2.75c-0.438 0.875-0.75 2-1 3.063h-3.813c-0.375 0-0.688 0.313-0.688 0.688v4c0 0.375 0.313 0.688 0.688 0.688h3.813c0.25 1.063 0.563 2.188 1 3.063l-2.688 2.75c-0.125 0.125-0.188 0.25-0.188 0.438s0.063 0.375 0.188 0.5l3.75 3.75c0.25 0.25 0.688 0.25 0.938 0l2.75-2.688c0.875 0.438 2 0.75 3.063 1v3.813c0 0.375 0.313 0.688 0.688 0.688h4c0.375 0 0.688-0.313 0.688-0.688v-3.813c1.063-0.25 2.188-0.563 3.063-1l2.75 2.688c0.25 0.25 0.688 0.25 0.938 0l3.75-3.75c0.25-0.25 0.25-0.688 0-0.938l-2.688-2.75c0.438-0.875 0.75-2 1-3.063h3.813c0.375 0 0.688-0.313 0.688-0.688v-4c0-0.375-0.313-0.688-0.688-0.688zM30.688 17.313h-3.688c-0.313 0-0.563 0.25-0.625 0.5-0.188 0.75-0.688 2.75-1.25 3.75-0.188 0.25-0.125 0.563 0.063 0.813l2.625 2.563-2.875 2.875-2.563-2.625c-0.25-0.188-0.563-0.25-0.813-0.063-1 0.563-3 1.063-3.75 1.25-0.25 0.063-0.5 0.313-0.5 0.625v3.688h-2.625v-3.688c0-0.313-0.25-0.563-0.5-0.625-0.75-0.188-2.75-0.688-3.75-1.25-0.25-0.188-0.563-0.125-0.813 0.063l-2.563 2.625-2.875-2.875 2.625-2.563c0.188-0.25 0.25-0.563 0.063-0.813-0.563-1-1.063-3-1.25-3.75-0.063-0.25-0.313-0.5-0.625-0.5h-3.688v-2.625h3.688c0.313 0 0.563-0.25 0.625-0.5 0.188-0.75 0.688-2.75 1.25-3.75 0.188-0.25 0.125-0.563-0.063-0.813l-2.625-2.563 2.875-2.875 2.563 2.625c0.25 0.188 0.563 0.25 0.813 0.063 1-0.563 3-1.063 3.688-1.25 0.313-0.063 0.563-0.313 0.563-0.625v-3.688h2.625v3.688c0 0.313 0.25 0.563 0.5 0.625 1.188 0.313 2.875 0.75 3.75 1.25 0.25 0.188 0.563 0.125 0.813-0.063l2.563-2.625 2.875 2.875-2.625 2.563c-0.188 0.25-0.25 0.563-0.063 0.813 0.563 1 1.063 3 1.25 3.688 0.063 0.313 0.313 0.563 0.625 0.563h3.688zM16 9.313c-3.688 0-6.688 3-6.688 6.688s3 6.688 6.688 6.688c3.688 0 6.688-3 6.688-6.688s-3-6.688-6.688-6.688zM16 21.313c-2.938 0-5.313-2.375-5.313-5.313s2.375-5.313 5.313-5.313c2.938 0 5.313 2.375 5.313 5.313s-2.375 5.313-5.313 5.313z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

3
public/assets/icons/signout.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M18 24.063c0 0 0 0 0 0-0.375 0-0.625 0.25-0.625 0.625l-0.063 4.688-16-0.063v-26.625h16.063v4.688c0 0.375 0.313 0.688 0.688 0.688 0 0 0 0 0 0 0.375 0 0.625-0.313 0.625-0.688l0.063-5.313c0-0.375-0.313-0.688-0.688-0.688l-17.375-0.063c0 0 0 0 0 0-0.188 0-0.375 0.063-0.5 0.188s-0.188 0.313-0.188 0.5v28c0 0.375 0.313 0.688 0.688 0.688h17.313c0.375 0 0.688-0.313 0.688-0.625v-5.375c0-0.375-0.313-0.625-0.688-0.625zM31.938 16.438c-0.063-0.125-0.125-0.25-0.25-0.313l-6.5-6.563c-0.25-0.25-0.688-0.25-0.938 0s-0.25 0.688 0 0.938l5.438 5.5h-22.313c-0.375 0-0.688 0.313-0.688 0.688s0.313 0.688 0.688 0.688l22.438-0.063-5.625 5.625c-0.25 0.25-0.25 0.625 0 0.938 0.125 0.125 0.313 0.188 0.5 0.188s0.313-0.063 0.438-0.188l6.688-6.688c0.125-0.125 0.188-0.313 0.188-0.438s0-0.25-0.063-0.313z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 899 B

3
public/assets/icons/tag.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M31.813 19.563l-19.375-19.375c-0.125-0.125-0.25-0.188-0.438-0.188h-11.313c-0.188 0-0.375 0.063-0.5 0.188s-0.188 0.313-0.188 0.5v11.313c0 0.188 0.063 0.313 0.188 0.438l19.375 19.375c0.125 0.125 0.313 0.188 0.438 0.188 0.063 0 0.125 0 0.188 0 0.25-0.063 0.375-0.25 0.5-0.5l2.5-8.313 8.313-2.5c0.25-0.125 0.438-0.25 0.5-0.5s0-0.5-0.188-0.625zM22.5 22c-0.25 0.125-0.438 0.25-0.5 0.5l-2.313 7.563-18.375-18.375v-10.375h10.375l18.375 18.375zM7.313 4c-1.813 0-3.313 1.5-3.313 3.313 0 1.875 1.5 3.375 3.313 3.375 1.875 0 3.375-1.5 3.375-3.375 0-1.813-1.5-3.313-3.375-3.313zM7.313 9.313c-1.063 0-2-0.875-2-2 0-1.063 0.938-2 2-2 1.125 0 2 0.938 2 2 0 1.125-0.875 2-2 2z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 783 B

3
public/assets/icons/trash.svg Executable file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M30.688 4h-8.688v-3.313c0-0.375-0.313-0.688-0.688-0.688h-10.625c-0.375 0-0.688 0.313-0.688 0.688v3.313h-8.688c-0.375 0-0.625 0.313-0.625 0.688s0.25 0.625 0.625 0.625h3.375v26c0 0.375 0.25 0.688 0.625 0.688h21.375c0.375 0 0.625-0.313 0.625-0.688v-26h3.375c0.375 0 0.625-0.25 0.625-0.625s-0.25-0.688-0.625-0.688zM11.313 1.313h9.375v2.688h-9.375zM26 30.688h-20v-25.375h20zM10.688 9.313c-0.375 0-0.688 0.313-0.688 0.688v15.313c0 0.375 0.313 0.688 0.688 0.688s0.625-0.313 0.625-0.688v-15.313c0-0.375-0.25-0.688-0.625-0.688zM16 9.313c-0.375 0-0.688 0.313-0.688 0.688v15.313c0 0.375 0.313 0.688 0.688 0.688s0.688-0.313 0.688-0.688v-15.313c0-0.375-0.313-0.688-0.688-0.688zM20.688 10v15.313c0 0.375 0.25 0.688 0.625 0.688s0.688-0.313 0.688-0.688v-15.313c0-0.375-0.313-0.688-0.688-0.688s-0.625 0.313-0.625 0.688z"></path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 926 B

5
tests/unit/components/gh-editor-save-button-test.js
View file

@ -10,7 +10,8 @@ describe('Unit: Component: gh-editor-save-button', function () {
'component:gh-dropdown-button',
'component:gh-dropdown',
'component:gh-spin-button',
'service:dropdown'
'service:dropdown',
'helper:inline-svg'
]
});
@ -24,4 +25,4 @@ describe('Unit: Component: gh-editor-save-button', function () {
this.render();
expect(component._state).to.equal('inDOM');
});
});
});

2
yarn.lock
View file

@ -2437,7 +2437,7 @@ ember-cli-mocha@0.13.2:
mocha "^2.5.3"
resolve "^1.1.7"
ember-cli-moment-shim@3.1.0:
ember-cli-moment-shim@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/ember-cli-moment-shim/-/ember-cli-moment-shim-3.1.0.tgz#ec6a39a0dcb4badeaf6dcb74a6c05b0bc576f721"
dependencies: