diff --git a/src/backend/views/components/sidebar.twig b/src/backend/views/components/sidebar.twig index 8611be6..66d07f5 100644 --- a/src/backend/views/components/sidebar.twig +++ b/src/backend/views/components/sidebar.twig @@ -38,5 +38,17 @@ {% endif %} {% endfor %} + +
+ diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index eb6d328..8213fbd 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -4,11 +4,15 @@ padding: 30px 22px; position: sticky; top: var(--layout-height-header); + display: flex; + flex-direction: column; + overflow: auto; @media (--desktop) { height: calc(100vh - var(--layout-height-header)); border-right: 1px solid var(--color-line-gray); border-bottom: 0; + padding-bottom: 0; } &__wrapper { @@ -21,6 +25,7 @@ &__section { overflow: hidden; + flex-shrink: 0; &--animated { .docs-sidebar__section-list { @@ -78,8 +83,10 @@ &__section-title:not(&__section-title--active), &__section-list-item:not(&__section-list-item--active) { - &:hover { - background: var(--color-link-hover); + @media (--can-hover) { + &:hover { + background: var(--color-link-hover); + } } } @@ -137,4 +144,30 @@ 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; + } + } + } \ No newline at end of file diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss index 072b590..a32d9fc 100644 --- a/src/frontend/styles/vars.pcss +++ b/src/frontend/styles/vars.pcss @@ -89,3 +89,4 @@ @custom-media --tablet all and (min-width: 980px) and (max-width: 1050px); @custom-media --mobile all and (max-width: 980px); @custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5); +@custom-media --can-hover all and (hover:hover) \ No newline at end of file