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

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

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

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

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

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

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

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

@ -1,14 +1,14 @@
{{!< default}} {{!< default}}
{{! TODO: Add "scrolling" class only when one of the panels is scrolled down by 5px or more }} {{! 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"> <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"> <section class="entry-markdown active">
<header class="floatingheader"> <header class="floatingheader">
{{e "editor.headers.markdown.label" "Markdown"}} {{e "editor.headers.markdown.label" "Markdown"}}