0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00

Fix notification positions

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

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,7 +70,7 @@
// 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%;

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%;

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;
} }

View file

@ -1,5 +1,6 @@
{{!< default}} {{!< default}}
<section class="content-list js-content-list"> <section class="content-view-container">
<section class="content-list js-content-list">
<header class="floatingheader"> <header class="floatingheader">
<section class="content-filter"> <section class="content-filter">
<a class="dropdown" href="#" data-toggle=".menu-drop">All Posts</a> <a class="dropdown" href="#" data-toggle=".menu-drop">All Posts</a>
@ -15,7 +16,8 @@
<section class="content-list-content"> <section class="content-list-content">
<ol></ol> <ol></ol>
</section> </section>
</section> </section>
<section class="content-preview js-content-preview"> <section class="content-preview js-content-preview">
</section>
</section> </section>

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="entry-container">
<header>
<section class="box entry-title"> <section class="box entry-title">
<input type="text" id="entry-title" <input type="text" id="entry-title"
placeholder="{{e "editor.entry_title.placeholder" "The Post Title Gets Inserted Up Here"}}" placeholder="{{e "editor.entry_title.placeholder" "The Post Title Gets Inserted Up Here"}}"
value="{{title}}" tabindex="1"> value="{{title}}" tabindex="1">
</section> </section>
</header> </header>
<section class="entry-container">
<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"}}