CSS and icon fixes

Fixes for issues #93, #88, #87
toggle-buttons-#109
Ro 2 years ago
parent 4876c1336e
commit 181225329a
Signed by: are0h
GPG Key ID: 29B551CDBD4D3B50

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="theme-color" content="#FFFFFF"/> <meta name="theme-color" content="#FFFFFF"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> <title>
{% block title %} {% block title %}
{{ title }} {{ title }}

@ -1,38 +1,38 @@
<div role="text-editor-control"> <div role="text-editor-control">
<button id="edit-bold" class="content-editor-btn-text editor-button" title="bold"> <button id="edit-bold" class="content-editor-btn-text editor-button" title="bold">
<i class="ti ti-bold"></i> <i id="edit-bold" class="ti ti-bold"></i>
</button> </button>
<button id="edit-italic" class="content-editor-btn-text editor-button" title="italic"> <button id="edit-italic" class="content-editor-btn-text editor-button" title="italic">
<i class="ti ti-italic"></i> <i id="edit-italic" class="ti ti-italic"></i>
</button> </button>
<button id="edit-strikethrough" class="content-editor-btn-text editor-button" title="strikethrough"> <button id="edit-strikethrough" class="content-editor-btn-text editor-button" title="strikethrough">
<i class="ti ti-strikethrough"></i> <i id="edit-strikethrough" class="ti ti-strikethrough"></i>
</button> </button>
<button id="edit-link" class="content-editor-btn-icon editor-button" title="insert link"> <button id="edit-link" class="content-editor-btn-icon editor-button" title="insert link">
<i class="ti ti-link"></i> <i id="edit-link" class="ti ti-link"></i>
</button> </button>
<button id="edit-header1" class="content-editor-btn-text editor-button" title="header 1"> <button id="edit-header1" class="content-editor-btn-text editor-button" title="header 1">
<i class="ti ti-h-1"></i> <i id="edit-header1" class="ti ti-h-1"></i>
</button> </button>
<button id="edit-header2" class="content-editor-btn-text editor-button" title="header 2"> <button id="edit-header2" class="content-editor-btn-text editor-button" title="header 2">
<i class="ti ti-h-2"></i> <i id="edit-header2" class="ti ti-h-2"></i>
</button> </button>
<button id="edit-header3" class="content-editor-btn-text editor-button" title="header 3"> <button id="edit-header3" class="content-editor-btn-text editor-button" title="header 3">
<i class="ti ti-h-3"></i> <i id="edit-header3" class="ti ti-h-3"></i>
</button> </button>
<button id="edit-image" class="content-editor-btn-icon editor-button" title="insert image"> <button id="edit-image" class="content-editor-btn-icon editor-button" title="insert image">
<i class="ti ti-photo"></i> <i id="edit-image" class="ti ti-photo"></i>
</button> </button>
{% if mode == "edit" %} {% if mode == "edit" %}
<button id="edit-update" class="post-sumbit-btn submit-start editor-button" data-action='blog-update' data-id="{{ page['uuid'] }} 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">
<i class="ti ti-device-floppy"></i> <i id="edit-update" class="ti ti-device-floppy"></i>
</button> </button>
<button id="edit-delete" class="content-editor-btn-icon editor-button submit-delete" for="post-delete" title='delete post'> <button id="edit-delete" class="content-editor-btn-icon editor-button submit-delete" for="post-delete" title='delete post'>
<i class="ti ti-x"></i> <i id="edit-delete" class="ti ti-x"></i>
</button> </button>
{% else %} {% else %}
<button id="edit-save" class="post-sumbit-btn submit-start editor-button" data-action='blog-add' type='submit'> <button id="edit-save" class="post-sumbit-btn submit-start editor-button" data-action='blog-add' type='submit'>
<i class="ti ti-file-plus"></i> <i id="edit-save" class="ti ti-file-plus"></i>
</button> </button>
{% endif %} {% endif %}
</div> </div>

@ -80,20 +80,13 @@ section[role="book-index-pages"] hr {
section[role="book-index-pages"] button[data-active="true"] { section[role="book-index-pages"] button[data-active="true"] {
background: var(--primary); background: var(--primary);
} color: var(--tertiary);
section[role="book-index-pages"] button[data-active="true"] svg {
fill: var(--tertiary);
} }
section[role="book-index-pages"] button[data-active="false"] { section[role="book-index-pages"] button[data-active="false"] {
background: var(--secondary); background: var(--secondary);
} }
section[role="book-index-pages"] button[data-active="false"] svg {
fill: var(--primary);
}
section[role="book-index-pages"] > div[role="paginate"] { section[role="book-index-pages"] > div[role="paginate"] {
width: fit-content; width: fit-content;
margin: 0 auto; margin: 0 auto;

@ -31,6 +31,11 @@ sup {
border-radius: 3px; border-radius: 3px;
} }
::selection {
background: var(--highlight);
color: var(--white);
}
#notifications { #notifications {
display: none; display: none;
visibility: hidden; visibility: hidden;

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save