Stop Markdown help icon from moving

No issue

The markdown help icon would move when `<body>` gets a class of
`editor`. The class wasn't needed, so it's gone from the selector now.
This commit is contained in:
Paul Adam Davis 2014-06-25 16:49:10 +01:00
parent 944daef01c
commit 203132dfa1
2 changed files with 22 additions and 22 deletions

View File

@ -49,8 +49,7 @@
outline: 0; outline: 0;
} }
} }
} // .entry-title
}
.entry-container { .entry-container {
position: relative; position: relative;
@ -62,7 +61,8 @@
.entry-preview { right: 0; border-left: $lightbrown 2px solid; } .entry-preview { right: 0; border-left: $lightbrown 2px solid; }
// The visual styles for both panels // The visual styles for both panels
.entry-markdown, .entry-preview { .entry-markdown,
.entry-preview {
width: 50%; width: 50%;
padding: 15px; padding: 15px;
position: absolute; position: absolute;
@ -115,19 +115,6 @@
color: $brown; color: $brown;
} }
.markdown-help {
position: relative;
top: -5px;
right: -5px;
@include icon($i-question, '', lighten($brown, 15%));
float: right;
padding: 5px;
&:hover {
@include icon($i-question, '', $brown);
}
}
.entry-word-count { .entry-word-count {
float: right; float: right;
} }
@ -167,7 +154,7 @@
} }
} }
} } // .entry-markdown, .entry-preview
.entry-markdown-content { .entry-markdown-content {
@ -250,7 +237,7 @@
font-weight: bold; font-weight: bold;
} }
} } // .entry-markdown-content
.entry-preview { .entry-preview {
// Align the tab of entry-preview on the right // Align the tab of entry-preview on the right
@ -284,7 +271,7 @@
padding: 15px; padding: 15px;
} }
} }
} } // .entry-preview
// Special case, when scrolling, add shadows to content headers. // Special case, when scrolling, add shadows to content headers.
.scrolling { .scrolling {
@ -307,10 +294,23 @@
box-shadow: 0 5px 5px rgba(0,0,0,0.05) inset; box-shadow: 0 5px 5px rgba(0,0,0,0.05) inset;
} }
} }
} } // .scrolling
} // .editor } // .editor
.markdown-help {
position: relative;
top: -5px;
right: -5px;
@include icon($i-question, '', lighten($brown, 15%));
float: right;
padding: 5px;
&:hover {
@include icon($i-question, '', $brown);
}
}
/* ============================================================================= /* =============================================================================
Post Preview Content Post Preview Content

File diff suppressed because one or more lines are too long