Minor visual fixes

This commit is contained in:
John O'Nolan 2015-05-20 17:52:55 +01:00 committed by Hannah Wolfe
parent a60d46978f
commit 5012657163
11 changed files with 30 additions and 19 deletions

View File

@ -252,12 +252,11 @@
height: auto;
}
.post-preview-header .page-title,
.post-preview-header .btn-back {
display: none;
.post-preview-header {
display: block;
justify-content: space-between;
}
/* Empty State
/* ---------------------------------------------------------- */

View File

@ -26,7 +26,8 @@
/* ---------------------------------------------------------- */
.gh-nav {
position: static;
position: relative;
z-index: 1000;
flex: 0 0 235px;
display: flex;
flex-direction: column;
@ -163,7 +164,7 @@
}
.gh-nav-list a:not(.active):hover {
background: color(var(--blue) alpha(-80%));
background: color(var(--blue) alpha(-85%));
color: var(--darkgrey);
}
@ -181,6 +182,7 @@
align-items: center;
height: 40px;
border-top: #e1e1e1 1px solid;
color: var(--midgrey);
}
.gh-nav-footer-sitelink {
@ -190,6 +192,7 @@
text-align: center;
font-size: 1.3rem;
line-height: 1;
font-weight: 200;
}
.gh-nav-footer-sitelink i {
@ -233,12 +236,13 @@
.gh-autonav .gh-nav {
position: absolute;
top: 0;
left: -220px;
left: 0;
z-index: 1000;
width: 235px;
height: 100%;
transition: transform 0.15s;
transform: translateX(0);
transition: transform 0.20s;
/* translate3d for GPU accelerated animation - http://bit.ly/1EY1Xhx */
transform: translate3d(-220px,0,0);
}
/* THE FUTURE: Super sexy background blur for Webkit - http://cl.ly/b1rG */
@ -253,7 +257,8 @@
/* Bring it back on hover */
.gh-autonav .gh-nav.open {
transform: translateX(220px);
transition: transform 0.15s;
transform: translate3d(0,0,0);
}
/* Move main content over for the closed-nav trigger bar */

View File

@ -122,11 +122,11 @@
/* Code Injection
/* ---------------------------------------------------------- */
.settings-code .form-group {
.settings-code {
max-width: 700px;
}
.settings-code .form-group p {
.settings-code p {
margin: 0 0 4px 0;
}
@ -135,6 +135,7 @@
}
.settings-code-editor {
padding: 0;
min-width: 250px;
min-height: 300px;
max-width: 680px;

View File

@ -238,3 +238,9 @@
.icon-maximise:before {
content: "\e040";
}
.icon-book:before {
content: "\e041";
}
.icon-twitter:before {
content: "\e042";
}

View File

@ -43,7 +43,7 @@
<div class="gh-autonav-toggle">
<i class="icon-minimise"></i>
</div>
<a class="gh-nav-footer-sitelink" href="{{gh-path 'blog'}}" target="_blank">View blog <i class="icon-external"></i></a>
<a class="gh-nav-footer-sitelink" href="{{config.blogUrl}}/" target="_blank">View blog <i class="icon-external"></i></a>
<div class="gh-help-menu">
{{#gh-dropdown-button dropdownName="help-menu" tagName="div"}}
<div class="gh-help-button">
@ -52,13 +52,13 @@
{{/gh-dropdown-button}}
{{#gh-dropdown tagName="div" classNames="dropdown" name="help-menu" closeOnClick="true"}}
<ul class="dropdown-menu dropdown-triangle-bottom" role="menu">
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-support"></i> Support Center</a></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 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-markdown" role="menuitem" tabindex="-1" href="" {{action "openModal" "markdown"}}><i class="icon-markdown"></i> Markdown Help</a></li>
<li class="divider"></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-list"></i> Wishlist</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>
</ul>
{{/gh-dropdown}}
</div>{{! .help-menu }}

View File

@ -1,6 +1,4 @@
<header class="post-preview-header clearfix">
{{#link-to "posts" tagName="button" class="btn btn-default btn-back"}}Back{{/link-to}}
<h2 class="page-title">Preview</h2>
<button type="button" class="{{if model.featured 'featured icon-star' 'unfeatured icon-star'}}" title="Feature this post" {{action "toggleFeatured"}}>
<span class="sr-only">Star</span>
</button>

View File

@ -12,13 +12,13 @@
Ghost allows you to inject code into the top and bottom of your theme files without editing them. This allows for quick modifications to insert useful things like tracking codes and meta tags.
</p>
<div class="form-group">
<div class="form-group settings-code">
<label for="ghost-head">Blog Header</label>
<p>Code here will be injected into the <code>\{{ghost_head}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-head" class="gh-input settings-code-editor" name="codeInjection[ghost_head]" type="text" value=model.ghost_head}}
</div>
<div class="form-group">
<div class="form-group settings-code">
<label for="ghost-foot">Blog Footer</label>
<p>Code here will be injected into the <code>\{{ghost_foot}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-foot" class="gh-input settings-code-editor" name="codeInjection[ghost_foot]" type="text" value=model.ghost_foot}}

View File

@ -72,4 +72,6 @@
<glyph unicode="&#57398;" d="M288 127c0 0 0 0 0 0-6 0-10-4-10-10l-1-75-256 1 0 426 257 0 0-75c0-6 5-11 11-11 0 0 0 0 0 0 6 0 10 5 10 11l1 85c0 6-5 11-11 11l-278 1c0 0 0 0 0 0-3 0-6-1-8-3-2-2-3-5-3-8l0-448c0-6 5-11 11-11l277 0 0 0c6 0 11 5 11 10l0 86c0 6-5 10-11 10z m223 122c-1 2-2 4-4 5l-104 105c-4 4-11 4-15 0-4-4-4-11 0-15l87-88-357 0c-6 0-11-5-11-11 0-6 5-11 11-11l359 1-90-90c-4-4-4-10 0-15 2-2 5-3 8-3 3 0 5 1 7 3l107 107c2 2 3 5 3 7 0 2 0 4-1 5z"/>
<glyph unicode="&#57407;" d="M501 277l-337 0 68 67c4 5 4 11 0 16-5 4-11 4-16 0l-85-86c-1-1-2-2-2-3-1-3-1-6 0-8 0-2 1-3 2-4l85-85c3-2 5-3 8-3 3 0 5 1 8 3 4 4 4 11 0 15l-68 67 337 0c6 0 11 5 11 11 0 6-5 10-11 10z m-490 235c-6 0-11-5-11-11l0-490c0-6 5-11 11-11 6 0 10 5 10 11l0 490c0 6-4 11-10 11z"/>
<glyph unicode="&#57408;" d="M511 249c0 2-1 3-2 4l-85 85c-5 4-11 4-16 0-4-4-4-11 0-15l68-67-209 0c-6 0-11-5-11-11 0-6 5-10 11-10l209 0-68-67c-4-5-4-11 0-16 3-2 5-3 8-3 3 0 5 1 8 3l85 86c1 1 2 2 2 3 1 3 1 6 0 8z m-351 263l-149 0c-6 0-11-5-11-11l0-490c0-6 5-11 11-11l149 0c6 0 11 5 11 11l0 490c0 6-5 11-11 11z m-11-491l-128 0 0 470 128 0z"/>
<glyph unicode="&#57409;" d="M501 427l-32 0 0 32c0 6-4 10-10 10l-128 0c-31 0-52-10-64-29-12 19-34 29-64 29l-128 0c-6 0-11-4-11-10l0-32-32 0c-6 0-11-5-11-11l0-341c0-6 5-11 11-11l128 0c19 0 64-5 64-53 0-6 5-11 11-11l64 0c6 0 10 5 10 11 0 48 45 53 64 53l128 0c6 0 11 5 11 11l0 341c0 6-5 11-11 11z m-170 21l117 0 0-320-117 0c-23 0-41-6-54-17l0 284c0 37 17 53 54 53z m-246 0l118 0c37 0 53-16 53-53l0-284c-12 11-30 17-53 17l-118 0z m406-363l-118 0c-47 0-79-24-84-64l-44 0c-5 40-37 64-85 64l-117 0 0 320 21 0 0-288c0-6 5-10 11-10l128 0c37 0 53-17 53-54 0-6 5-10 11-10 6 0 10 4 10 10 0 37 17 54 54 54l128 0c6 0 10 4 10 10l0 288 22 0z"/>
<glyph unicode="&#57410;" d="M481 395c-13-18-28-34-46-47 0-3 0-7 0-12 0-25-3-50-11-74-7-25-18-49-33-71-14-23-32-43-52-61-21-17-45-31-74-41-29-11-60-16-92-16-52 0-99 14-142 42 7-1 14-2 22-2 43 0 81 14 115 40-20 0-38 6-54 18-16 12-27 27-33 46 7-1 13-2 18-2 8 0 16 1 24 4-21 4-39 15-53 31-14 17-21 37-21 59l0 1c13-7 27-11 42-11-13 8-23 19-30 32-8 14-11 29-11 44 0 17 4 33 12 47 23-28 51-51 84-68 33-17 69-27 107-29-2 8-3 15-3 22 0 25 9 47 27 65 18 18 40 27 66 27 26 0 49-10 67-29 21 4 40 11 59 22-7-22-21-39-41-51 18 2 35 7 53 14z"/>
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 40 KiB