xarvh/fipamo
1
0
Fork 0
forked from projects/fipamo
Code Pull requests Activity

fixed css issue with text edit area

Browse source
This commit is contained in:
Ro 2022-02-23 16:42:25 -08:00
parent 2ed2cd3803
commit fe74fd6e07
3 changed files with 54 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
brain/views/dash/page-edit.twig
View file

@ -34,7 +34,7 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdfd"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=drtryu">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}

45
public/assets/css/dash.css
View file

@ -3242,17 +3242,6 @@ select {
background: #1D3040; background: #1D3040;
background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; 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 { #post-edit-index #post-edit-index-wrapper #edit-post {
width: 100%; width: 100%;
max-width: 880px; max-width: 880px;
@ -3269,7 +3258,17 @@ select {
border-color: #fc6399; 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 { #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 { #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content {
word-wrap: normal; word-wrap: normal;
@ -3290,6 +3289,28 @@ select {
#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight {
z-index: 0; 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) { @media only screen and (max-width: 800px) {
#post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date {

55
src/styles/main/_posts.sass
View file

@ -322,16 +322,6 @@
background: $primary background: $primary
background: url('/assets/images/global/upload-video.png') no-repeat center center / cover 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 #edit-post
width: 100% width: 100%
@ -351,12 +341,7 @@
outline: none outline: none
border-color: $highlight border-color: $highlight
#edit
// overflow: hidden !important
#edit, #highlight #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 border: 0
width: 100% width: 100%
min-height: 300px min-height: 300px
@ -386,26 +371,26 @@
#highlight #highlight
z-index: 0 z-index: 0
//pre pre
margin: 0 margin: 0
code code
font-family: $monoType font-family: $monoType
padding: 5px padding: 5px
border-radius: 5px border-radius: 5px
line-height: 1.6em line-height: 1.6em
font-size: 1.25em font-size: 1.25em
color: $editorPrimary color: $editorPrimary
word-wrap: normal word-wrap: normal
white-space: pre-wrap white-space: pre-wrap
line-break: normal line-break: normal
-webkit-line-break: normal -webkit-line-break: normal
-o-line-break: normal -o-line-break: normal
-moz-line-break: normal -moz-line-break: normal
display: inline-block display: inline-block
width: 100% width: 100%
max-width: 900px max-width: 900px
min-height: 200px min-height: 200px
caret-color: $highlight caret-color: $highlight
//Responsive //Responsive
@media only screen and (max-width: 800px) @media only screen and (max-width: 800px)