Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Fix notification positions

Browse source 
Also fixes the previous editor notification fixes to not include `calc()`
This commit is contained in:
Matthew Harrison-Jones 2013-07-22 09:08:17 +01:00 committed by ErisDS
parent f10343079b
commit 32b245c53c
5 changed files with 41 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
core/client/assets/sass/layouts/editor.scss
View file

@ -46,9 +46,7 @@
.entry-container {
position: relative;
height: -webkit-calc(100% - 70px);
height: -moz-calc(100% - 70px);
height: calc(100% - 70px);
height: 100%;
}
// The two content panel wrappers, positioned left/right
@ -62,7 +60,7 @@
padding: 15px;
position: absolute;
bottom:40px; // height of the publish bar
top:0px; // height of the post title + margin
top:69px; // height of the post title + margin
background: #fff;
box-shadow: $shadow;
@ -72,8 +70,8 @@
// Convert all content areas to small boxes
@include breakpoint($netbook) {
top:40px;
left:0;
top:109px;
left:0;
right:0;
width:100%;
border:none;
@ -468,7 +466,7 @@ body.zen {
color: $lightgrey;
background: lighten($grey, 15%);
border-radius: $rounded;
box-shadow:
box-shadow:
rgba(255,255,255,0.2) 0 1px 0 inset,
#000 0 1px 3px;
@ -485,7 +483,7 @@ body.zen {
li.selected{
background: $blue;
box-shadow:
box-shadow:
rgba(255,255,255,0.2) 0 1px 0 inset,
rgba(0,0,0,0.5) 0 1px 5px;
}

6
core/client/assets/sass/layouts/manage.scss
View file

@ -15,7 +15,11 @@
============================================================================= */
.manage {
.content-view-container {
position: relative;
height: 100%;
width: 100%;
}
.content-list {
@include box-sizing(border-box);
width: 35%;

8
core/client/assets/sass/layouts/settings.scss
View file

@ -18,11 +18,9 @@
.wrapper {
background: #fff;
box-shadow: $shadow;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
position: relative;
width: 100%;
height: 100%;
margin:0;
padding:0;
}

36
core/server/views/content.hbs
View file

@ -1,21 +1,23 @@
{{!< default}}
<section class="content-list js-content-list">
<header class="floatingheader">
<section class="content-filter">
<a class="dropdown" href="#" data-toggle=".menu-drop">All Posts</a>
<ul class="menu-drop overlay" style="display:none;">
<li class="active"><a href="#">All Posts</a></li>
<li><a href="#">Recently Edited</a></li>
<li><a href="#">By Author...</a></li>
<li><a href="#">Search</a></li>
</ul>
<section class="content-view-container">
<section class="content-list js-content-list">
<header class="floatingheader">
<section class="content-filter">
<a class="dropdown" href="#" data-toggle=".menu-drop">All Posts</a>
<ul class="menu-drop overlay" style="display:none;">
<li class="active"><a href="#">All Posts</a></li>
<li><a href="#">Recently Edited</a></li>
<li><a href="#">By Author...</a></li>
<li><a href="#">Search</a></li>
</ul>
</section>
<a href="/ghost/editor" class="button button-add"><span class="hidden">New Post</span></a>
</header>
<section class="content-list-content">
<ol></ol>
</section>
<a href="/ghost/editor" class="button button-add"><span class="hidden">New Post</span></a>
</header>
<section class="content-list-content">
<ol></ol>
</section>
</section>
</section>
<section class="content-preview js-content-preview">
<section class="content-preview js-content-preview">
</section>
</section>

16
core/server/views/editor.hbs
View file

@ -1,14 +1,14 @@
{{!< default}}
{{! TODO: Add "scrolling" class only when one of the panels is scrolled down by 5px or more }}
<header>
<section class="box entry-title">
<input type="text" id="entry-title"
placeholder="{{e "editor.entry_title.placeholder" "The Post Title Gets Inserted Up Here"}}"
value="{{title}}" tabindex="1">
</section>
</header>
<section class="entry-container">
<header>
<section class="box entry-title">
<input type="text" id="entry-title"
placeholder="{{e "editor.entry_title.placeholder" "The Post Title Gets Inserted Up Here"}}"
value="{{title}}" tabindex="1">
</section>
</header>
<section class="entry-markdown active">
<header class="floatingheader">
{{e "editor.headers.markdown.label" "Markdown"}}