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

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

@ -88,20 +88,34 @@
transition-duration: 0.1s;
@apply --squircle;
}
&__section-title > span,
&__section-list-item > span{
&__section-list-item > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&__section-list-item-wrapper,
&__section-title {
&__section-title-wrapper {
&: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-list-item:not(&__section-list-item--active) {
@media (--can-hover) {