diff --git a/brain/views/dash/page-edit.twig b/brain/views/dash/page-edit.twig index f67c14f..906fe56 100644 --- a/brain/views/dash/page-edit.twig +++ b/brain/views/dash/page-edit.twig @@ -34,7 +34,7 @@ {% endblock %} {% block stylesheets %} - + {% endblock %} {% block mainContent %} diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css index f651ff6..f361754 100644 --- a/public/assets/css/dash.css +++ b/public/assets/css/dash.css @@ -3242,17 +3242,6 @@ select { background: #1D3040; background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; } -#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn { - position: absolute; - margin: 20px; -} -#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload { - padding-top: 4px; - background: #EFEBE3; -} -#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload svg { - fill: #fc6399; -} #post-edit-index #post-edit-index-wrapper #edit-post { width: 100%; max-width: 880px; @@ -3269,7 +3258,17 @@ select { border-color: #fc6399; } #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { - /* Both elements need the same text and space styling so they are directly on top of each other */ + border: 0; + width: 100%; + min-height: 300px; + height: auto; + position: absolute; + top: 0; + left: 0; + overflow: auto; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; } #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content { word-wrap: normal; @@ -3290,6 +3289,28 @@ select { #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { z-index: 0; } +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre { + margin: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre code { + font-family: "Lucida Console", Monaco, monospace; + padding: 5px; + border-radius: 5px; + line-height: 1.6em; + font-size: 1.25em; + color: #fde3a7; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + -webkit-line-break: normal; + -o-line-break: normal; + -moz-line-break: normal; + display: inline-block; + width: 100%; + max-width: 900px; + min-height: 200px; + caret-color: #fc6399; +} @media only screen and (max-width: 800px) { #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { diff --git a/src/styles/main/_posts.sass b/src/styles/main/_posts.sass index 42e4201..00af72c 100644 --- a/src/styles/main/_posts.sass +++ b/src/styles/main/_posts.sass @@ -322,16 +322,6 @@ background: $primary background: url('/assets/images/global/upload-video.png') no-repeat center center / cover - #featured-new-image-btn - position: absolute - margin: 20px - - #new-feature-upload - padding-top: 4px - background: $white - - svg - fill: $highlight #edit-post width: 100% @@ -351,12 +341,7 @@ outline: none border-color: $highlight - #edit - // overflow: hidden !important #edit, #highlight - /* Both elements need the same text and space styling so they are directly on top of each other */ - //margin: 10px - //padding: 10px border: 0 width: 100% min-height: 300px @@ -386,26 +371,26 @@ #highlight z-index: 0 - //pre - margin: 0 - code - font-family: $monoType - padding: 5px - border-radius: 5px - line-height: 1.6em - font-size: 1.25em - color: $editorPrimary - word-wrap: normal - white-space: pre-wrap - line-break: normal - -webkit-line-break: normal - -o-line-break: normal - -moz-line-break: normal - display: inline-block - width: 100% - max-width: 900px - min-height: 200px - caret-color: $highlight + pre + margin: 0 + code + font-family: $monoType + padding: 5px + border-radius: 5px + line-height: 1.6em + font-size: 1.25em + color: $editorPrimary + word-wrap: normal + white-space: pre-wrap + line-break: normal + -webkit-line-break: normal + -o-line-break: normal + -moz-line-break: normal + display: inline-block + width: 100% + max-width: 900px + min-height: 200px + caret-color: $highlight //Responsive @media only screen and (max-width: 800px)