Update left navigation layout (#6137)

* Collections with no pages under the main page should not have an expander

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

* Update left navigation layout

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

* Add media query for back link

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

---------

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
kolchfa-aws 2024-01-12 20:32:22 -05:00 committed by GitHub
parent 1a20b7729c
commit 24ae787518
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 11 deletions

View File

@ -107,7 +107,7 @@ layout: table_wrappers
{% assign collection_url_path = collection_key | append: "/" %} {% assign collection_url_path = collection_key | append: "/" %}
{% assign category_comparison_url = "/" | append: collection_url_path %} {% assign category_comparison_url = "/" | append: collection_url_path %}
{%- if collection.size > 0 -%} {%- if collection.size > 1 -%}
<a <a
role="treeitem" role="treeitem"
aria-owns="{{ owned_tree_id }}" aria-owns="{{ owned_tree_id }}"

View File

@ -70,6 +70,12 @@ nav#site-nav > .nav-list:nth-of-type(1) {
.nav-category { .nav-category {
text-align: start; text-align: start;
display: block; display: block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.nav-list-expander {
margin-right: 0.5rem;
} }
.main-content { .main-content {
@ -905,10 +911,7 @@ main {
} }
.site-nav.nav-open { .site-nav.nav-open {
padding-top: .5rem; padding-top: 0;
@include mq(md) {
padding-top: 2rem;
}
} }
.label { .label {
@ -951,13 +954,13 @@ main {
top: 0; top: 0;
z-index: 9999999; z-index: 9999999;
background-color: $sidebar-color; background-color: $sidebar-color;
border-bottom: 1px solid #eeebee;
} }
version-selector { version-selector {
z-index: 1; z-index: 1;
font-size: .9rem; font-size: .9rem;
margin: 0.5rem 3px; margin: 0.5rem 3px 1rem 3px;
--normal-bg: linear-gradient(#{lighten($blue-300, 5%)}, #{darken($blue-300, 2%)}); --normal-bg: linear-gradient(#{lighten($blue-300, 5%)}, #{darken($blue-300, 2%)});
--hover-bg: linear-gradient(#{lighten($blue-300, 2%)}, #{darken($blue-300, 4%)}); --hover-bg: linear-gradient(#{lighten($blue-300, 2%)}, #{darken($blue-300, 4%)});
--link-color: #{$blue-300}; --link-color: #{$blue-300};
@ -992,16 +995,18 @@ body {
text-align: start; text-align: start;
display: block; display: block;
font-size: 0.9rem; font-size: 0.9rem;
padding-right: 2rem; padding: 0.5rem 1rem;
padding-left: 2rem; margin-top: 1rem;
padding-top: 0.5rem; @include mq(md) {
margin-bottom: 1rem; padding: 0.5rem 2rem;
}
} }
.site-category { .site-category {
@extend .back-link; @extend .back-link;
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
margin-top: 0;
font-size: 0.8rem; font-size: 0.8rem;
color: $blue-dk-300; color: $blue-dk-300;
font-weight: 600; font-weight: 600;