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

Fix cursor issue

Browse source
This commit is contained in:
Tanya Fomina 2022-06-10 16:43:09 +08:00
parent a91faf358b
commit b6f481e85d
2 changed files with 29 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/backend/views/components/sidebar.twig
View file

@ -8,10 +8,10 @@
<aside class="docs-sidebar__content docs-sidebar__content--hidden"> <aside class="docs-sidebar__content docs-sidebar__content--hidden">
{% for firstLevelPage in menu %} {% for firstLevelPage in menu %}
<section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}"> <section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}">
<a <a class="docs-sidebar__section-title-wrapper"
class="docs-sidebar__section-title {{page is defined and page._id == firstLevelPage._id ? 'docs-sidebar__section-title--active' : ''}}"
href="{{firstLevelPage.uri ? '/' ~ firstLevelPage.uri : '/page/' ~ firstLevelPage._id }}" href="{{firstLevelPage.uri ? '/' ~ firstLevelPage.uri : '/page/' ~ firstLevelPage._id }}"
> >
<div class="docs-sidebar__section-title {{page is defined and page._id == firstLevelPage._id ? 'docs-sidebar__section-title--active' : ''}}">
<span> <span>
{{ firstLevelPage.title | striptags }} {{ firstLevelPage.title | striptags }}
</span> </span>
@ -20,15 +20,18 @@
{{ svg('arrow-up') }} {{ svg('arrow-up') }}
</button> </button>
{% endif %} {% endif %}
</div>
</a> </a>
{% if firstLevelPage.children is not empty %} {% if firstLevelPage.children is not empty %}
<ul class="docs-sidebar__section-list"> <ul class="docs-sidebar__section-list">
{% for child in firstLevelPage.children %} {% for child in firstLevelPage.children %}
<li class="docs-sidebar__section-list-item-wrapper"> <li>
<a <a
class="docs-sidebar__section-list-item {{page is defined and page._id == child._id ? 'docs-sidebar__section-list-item--active' : ''}}" class="docs-sidebar__section-list-item-wrapper"
href="{{ child.uri ? '/' ~ child.uri : '/page/' ~ child._id }}"> href="{{ child.uri ? '/' ~ child.uri : '/page/' ~ child._id }}">
<span> {{ child.title | striptags }} </span> <div class="docs-sidebar__section-list-item {{page is defined and page._id == child._id ? 'docs-sidebar__section-list-item--active' : ''}}">
<span>{{ child.title | striptags }}</span>
</div>
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
@ -42,9 +45,9 @@
<div class="docs-sidebar__logo-image"> <div class="docs-sidebar__logo-image">
{{ svg('aside-logo') }} {{ svg('aside-logo') }}
</div> </div>
<div class="docs-sidebar__logo-caption"> <p class="docs-sidebar__logo-caption">
<span>Powered by CodeX Docs</span> Powered by CodeX Docs
</div> </p>
</a> </a>
</div> </div>

22
src/frontend/styles/components/sidebar.pcss
View file

@ -88,20 +88,34 @@
transition-duration: 0.1s; transition-duration: 0.1s;
@apply --squircle; @apply --squircle;
} }
&__section-title > span, &__section-title > span,
&__section-list-item > span{ &__section-list-item > span {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
&__section-list-item-wrapper, &__section-title-wrapper {
&__section-title {
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 2px; padding-bottom: 1px;
display: block;
} }
} }
&__section-list-item-wrapper {
padding: 1px 0;
display: block;
}
li:last-child {
.docs-sidebar__section-list-item-wrapper {
padding-bottom: 0;
}
}
&__section-title:not(&__section-title--active), &__section-title:not(&__section-title--active),
&__section-list-item:not(&__section-list-item--active) { &__section-list-item:not(&__section-list-item--active) {
@media (--can-hover) { @media (--can-hover) {