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

Add logo

Browse source
This commit is contained in:
Tanya Fomina 2022-06-09 23:00:45 +08:00
parent e90705fc89
commit 4f0f9855d2
3 changed files with 48 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -38,5 +38,17 @@
{% endif %} {% endif %}
</section> </section>
{% endfor %} {% endfor %}
<div class="docs-sidebar__logo">
<a class="docs-sidebar__logo-wrapper" href="https://github.com/codex-team/codex.docs">
<div class="docs-sidebar__logo-image">
{{ svg('aside-logo') }}
</div>
<div class="docs-sidebar__logo-caption">
<span>Powered by CodeX Docs</span>
</div>
</a>
</div>
</aside> </aside>
</div> </div>

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

@ -4,11 +4,15 @@
padding: 30px 22px; padding: 30px 22px;
position: sticky; position: sticky;
top: var(--layout-height-header); top: var(--layout-height-header);
display: flex;
flex-direction: column;
overflow: auto;
@media (--desktop) { @media (--desktop) {
height: calc(100vh - var(--layout-height-header)); height: calc(100vh - var(--layout-height-header));
border-right: 1px solid var(--color-line-gray); border-right: 1px solid var(--color-line-gray);
border-bottom: 0; border-bottom: 0;
padding-bottom: 0;
} }
&__wrapper { &__wrapper {
@ -21,6 +25,7 @@
&__section { &__section {
overflow: hidden; overflow: hidden;
flex-shrink: 0;
&--animated { &--animated {
.docs-sidebar__section-list { .docs-sidebar__section-list {
@ -78,8 +83,10 @@
&__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) {
&:hover { @media (--can-hover) {
background: var(--color-link-hover); &:hover {
background: var(--color-link-hover);
}
} }
} }
@ -137,4 +144,30 @@
margin-right: 10px; margin-right: 10px;
} }
} }
&__logo {
display: none;
position: sticky;
bottom: 0;
margin-top: auto;
background: white;
z-index: 2;
padding-bottom: 30px;
padding-top: 10px;
@media (--desktop) {
display: block;
}
&-image{
display: inline-flex;
}
&-wrapper {
display: flex;
align-items: center;
gap: 18px;
}
}
} }

1
src/frontend/styles/vars.pcss
View file

@ -89,3 +89,4 @@
@custom-media --tablet all and (min-width: 980px) and (max-width: 1050px); @custom-media --tablet all and (min-width: 980px) and (max-width: 1050px);
@custom-media --mobile all and (max-width: 980px); @custom-media --mobile all and (max-width: 980px);
@custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5); @custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5);
@custom-media --can-hover all and (hover:hover)