projects/fipamo
1
0
Fork 0
Code Issues 24 Pull requests Projects 1 Releases 22 Packages Wiki Activity

Fixed white space issue, page edit style tweaks

Browse source 
There was a white space issue that made text displayed title and tags
text appear missaligned. It turned out to be a small layout problem that
was cleaned up by getting rid of white space in the textarea element
itself.

Also got in there and fixed some lingering css issues that was causing
the svg icon colors to be off in some of the butttons.
This commit is contained in:
Are0h 2022-05-11 17:41:56 -07:00
parent b2c7dae322
commit d9c9f7744e
5 changed files with 34 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -36,7 +36,7 @@
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfettb">
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfehuim">
{% endblock %}
{% block mainContent %}
@ -118,9 +118,7 @@
<div id="post-header-wrapper" class="columns">
<div id="post-edit-title" class="column">
<label>TITLE</label>
<textarea id="post-title-text" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">
{{- title -}}
</textarea>
<textarea id="post-title-text" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{ title }}</textarea>
<div id="layouts">
<label>LAYOUTS</label>
@ -142,9 +140,7 @@
</div>
<div id="post-meta" class="column">
<label>TAGS</label>
<textarea id="post-tags" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">
{{- tags -}}
</textarea>
<textarea id="post-tags" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">{{ tags }}</textarea>
<label>OPTIONS</label>
{% apply spaceless %}
{{ include("dash/partials/options.twig") }}
@ -176,5 +172,5 @@
{% endblock %}
{% block javascripts %}
<script src="/assets/scripts/Start.js?=dfdfvd" type="text/javascript"></script>
<script src="/assets/scripts/Start.js?=tyuo" type="text/javascript"></script>
{% endblock %}

2
brain/views/dash/partials/editor.twig
View file

@ -16,7 +16,7 @@
</svg>
</button>
{% if mode == "edit" %}
<button id="edit-update" class="post-sumbit-btn submit-start editor-button" data-action='blog-update' data-id=page.id type='submit' title="bold">
<button id="edit-update" class="post-sumbit-btn submit-start editor-button" data-action='blog-update' data-id="{{ page['uuid'] }} type='submit' title=" bold">
<svg id="submit-update" viewbox="0 0 20 20" class="icons">
<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save" data-action='blog-update' data-id="{{ page['uuid'] }}"/>
</svg>

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

@ -3359,7 +3359,7 @@ select {
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button.post-option-btn[data-active=true] {
background: #f5ab35;
}
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button.post-option-btn[data-active=true] svg.svg-toggle {
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button.post-option-btn[data-active=true] svg.icons {
fill: #1d3040;
}
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload,
@ -3949,6 +3949,9 @@ select {
vertical-align: top;
text-align: center;
}
#edit-control button svg.icons {
fill: #1d3040;
}
#edit-control button:nth-child(1) {
border-radius: 3px 0 0 3px;
}
@ -3972,7 +3975,7 @@ select {
background: #efebe3;
}
#edit-control .submit-start svg {
fill: #32cd32;
fill: #32cd32 !important;
}
#edit-control .submit-cool {
background: #32cd32;

6
src/styles/main/_editor.scss
View file

@ -17,6 +17,10 @@
display: inline-block;
vertical-align: top;
text-align: center;
svg.icons {
fill: $primary;
}
}
button:nth-child(1) {
@ -47,7 +51,7 @@
background: $white;
svg {
fill: $event-cool;
fill: $event-cool !important;
}
}

2
src/styles/main/_posts.scss
View file

@ -333,7 +333,7 @@
button.post-option-btn[data-active='true'] {
background: $tertiary;
svg.svg-toggle {
svg.icons {
fill: $primary;
}
}