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:
parent
1a20b7729c
commit
24ae787518
|
@ -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 }}"
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue