Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-10 07:55:24 +02:00
Code Issues Releases Activity

Changed styles naming and added margin for navigation

Browse source
This commit is contained in:
slaveeks 2022-07-28 18:13:14 +03:00
parent bb2113cab9
commit 1a0f3e2fdf
4 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/views/components/navigator.twig
View file

@ -19,7 +19,7 @@ Usage example:
{% set tag = 'a' %} {% set tag = 'a' %}
{% endif %} {% endif %}
<div class="navigator_wrapper"> <div class="navigator__wrapper">
{% if label and url %} {% if label and url %}
<{{ tag }} <{{ tag }}
{{ name is not empty ? 'name="' ~ name ~ '"': '' }} {{ name is not empty ? 'name="' ~ name ~ '"': '' }}

2
src/backend/views/pages/page.twig
View file

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</section> </section>
<footer class="page_footer"> <footer class="page__footer">
{% include 'components/navigator.twig' with {label: previousPage.title, direction: 'previous', url: '/' ~ previousPage.uri} %} {% include 'components/navigator.twig' with {label: previousPage.title, direction: 'previous', url: '/' ~ previousPage.uri} %}
{% include 'components/navigator.twig' with {label: nextPage.title, direction: 'next', url: '/' ~ nextPage.uri} %} {% include 'components/navigator.twig' with {label: nextPage.title, direction: 'next', url: '/' ~ nextPage.uri} %}
</footer> </footer>

3
src/frontend/styles/components/navigator.pcss
View file

@ -1,4 +1,5 @@
.navigator { .navigator {
margin-top: 35px;
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
display: flex; display: flex;
@ -32,7 +33,7 @@
} }
} }
.navigator_wrapper { .navigator__wrapper {
max-width: 100%; max-width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;

2
src/frontend/styles/components/page.pcss
View file

@ -497,7 +497,7 @@
} }
} }
.page_footer { .page__footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;