diff --git a/build/ui-bundle.zip b/build/ui-bundle.zip
index 859fa0e..3880364 100644
Binary files a/build/ui-bundle.zip and b/build/ui-bundle.zip differ
diff --git a/preview-src/ui-model.yml b/preview-src/ui-model.yml
index 9a8f8c8..c74b9fa 100644
--- a/preview-src/ui-model.yml
+++ b/preview-src/ui-model.yml
@@ -136,3 +136,15 @@ page:
- content: Some Code
url: '/xyz/5.2/index.html#some-code'
urlType: internal
+ - content: Test
+ items:
+ - content: Test1
+ - content: Test2
+ - content: Test3
+ - content: Test4
+ - content: Test5
+ - content: Test6
+ - content: Test7
+ - content: Test8
+ - content: Test9
+ - content: Test10
diff --git a/src/css/extensions/algolia/overrides.css b/src/css/extensions/algolia/overrides.css
index a2bd7b1..636bfa0 100644
--- a/src/css/extensions/algolia/overrides.css
+++ b/src/css/extensions/algolia/overrides.css
@@ -331,4 +331,10 @@
width: min(484px, 50%);
}
}
+
+@media screen and (max-width: 680px) {
+ .autocomplete-root {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/src/css/extensions/custom-dark.css b/src/css/extensions/custom-dark.css
index 2b98f1c..eeb969b 100644
--- a/src/css/extensions/custom-dark.css
+++ b/src/css/extensions/custom-dark.css
@@ -73,7 +73,7 @@
.theme-toggle:hover {
/* background-image: url(../img/moon-filled.svg);
fill: var(--color-athens-white); */
- background-color: rgb(37, 45, 59);
+ /* background-color: rgb(37, 45, 59); */
}
.nav-toggle {
@@ -143,10 +143,6 @@
background-color: var(--color-second-blue);
} */
-footer.footer {
- border-top: 1px solid var(--divider-line-color);
-}
-
.doc details {
border: 1px solid var(--color-second-blue);
}
diff --git a/src/css/extensions/custom-light.css b/src/css/extensions/custom-light.css
index 91342de..83cdbdf 100644
--- a/src/css/extensions/custom-light.css
+++ b/src/css/extensions/custom-light.css
@@ -66,7 +66,7 @@
.theme-toggle:hover {
/* background-image: url(../img/moon-filled.svg); */
- background-color: #f3f8fb;
+ /* background-color: #f3f8fb; */
}
.nav-toggle {
@@ -119,10 +119,6 @@ pre {
padding: 0px;
}
-footer.footer {
- border-top: 1px solid var(--divider-line-color);
-}
-
.doc details {
border: 1px solid var(--color-platinum-gray);
}
diff --git a/src/css/extensions/custom.css b/src/css/extensions/custom.css
index bb28f09..1c6e07b 100644
--- a/src/css/extensions/custom.css
+++ b/src/css/extensions/custom.css
@@ -246,8 +246,9 @@
background-repeat: no-repeat;
height: 1rem;
width: 1rem;
- padding: 0 0.75rem;
+ padding: 0 0.9rem;
vertical-align: text-bottom;
+ fill: var(--toc-heading-font-color);
}
.heart {
@@ -257,6 +258,7 @@
width: 1rem;
padding: 0 1em;
vertical-align: text-bottom;
+ fill: var(--toc-heading-font-color);
}
.navbar-end .navbar-item .navbar-dropdown {
@@ -347,15 +349,15 @@
}
footer .footerdiv {
- padding: 1rem 2rem;
+ padding: 0 2rem;
display: flex;
- flex: auto;
justify-content: space-between;
}
footer.footer {
display: flex;
padding: unset;
+ justify-content: center;
}
.community_icons {
@@ -367,7 +369,6 @@ footer.footer {
.footer_icon {
display: flex;
- padding: 0 0 0 1.5rem;
height: 1.25rem;
background-size: 1.25rem;
background-repeat: no-repeat;
diff --git a/src/css/extensions/dark-vars.css b/src/css/extensions/dark-vars.css
index 74d326a..29e9012 100644
--- a/src/css/extensions/dark-vars.css
+++ b/src/css/extensions/dark-vars.css
@@ -48,7 +48,7 @@
--footer-background: #0b0b0b;
--footer-font-color: var(--color-gray-60);
--footer-link-font-color: var(--color-gray-60);
- --footer-icon-color: var(--color-silver-gray);
+ --footer-icon-color: var(--color-athens-white);
/* doc body */
--doc-font-color: var(--color-silver-gray);
--doc-link-color: #AFCAFF;
diff --git a/src/css/footer.css b/src/css/footer.css
index 37b9133..2373bcd 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -1,13 +1,17 @@
footer.footer {
- background-color: var(--footer-background);
+ background-color: var(--body-background);
color: var(--footer-font-color);
- font-size: calc(15 / var(--rem-base) * 1rem);
+ font-size: calc(12.5 / var(--rem-base) * 1rem);
line-height: var(--footer-line-height);
padding: 1.5rem;
}
.footer p {
margin: 0px;
+ text-align: center;
+ border-top: 1px solid var(--divider-line-color);
+ padding-top: 1rem;
+ width: calc(var(--nav-width) * 0.75)
}
.footer a {
diff --git a/src/css/header.css b/src/css/header.css
index 9c35442..bdbb405 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -15,6 +15,7 @@ body {
top: 0;
width: 100%;
z-index: var(--z-index-navbar);
+ border-bottom: 1px solid var(--divider-line-color);
}
.navbar a {
diff --git a/src/css/nav.css b/src/css/nav.css
index 146c580..4d98f50 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -66,10 +66,10 @@
@media screen and (min-width: 1024px) {
.nav {
- top: calc(var(--navbar-height) + var(--toolbar-height));
+ top: calc(var(--navbar-height));
box-shadow: none;
position: sticky;
- height: calc(var(--nav-height--desktop));
+ height: calc(100vh - 5rem);
}
.nav-panel-menu {
overflow-y: auto;
@@ -80,7 +80,7 @@
.nav .panels {
display: flex;
flex-direction: column;
- height: inherit;
+ height: calc(100vh - 10rem);
}
html.is-clipped--nav {
diff --git a/src/css/toc.css b/src/css/toc.css
index aad3cd4..d2bf9cc 100644
--- a/src/css/toc.css
+++ b/src/css/toc.css
@@ -25,15 +25,13 @@ aside.toc.embedded {
font-weight: 700;
line-height: 1.3;
margin: 0;
- padding-left: 1rem;
padding-bottom: 0.5rem;
- text-transform: uppercase;
}
.toc.sidebar .toc-menu h3 {
display: flex;
flex-direction: column;
- height: 4rem;
+ height: 3.5rem;
justify-content: flex-end;
}
@@ -127,3 +125,12 @@ aside.toc.embedded {
.toc .toc-menu .is-hidden-toc {
display: none !important;
}
+
+.toc .edit-this-page a {
+ color: var(--toc-heading-font-color);
+ font-size: 0.875rem;
+ font-weight: 700;
+ line-height: 1.3;
+ margin: 0;
+ padding-bottom: 0.5rem;
+}
diff --git a/src/css/vars.css b/src/css/vars.css
index 0738ce6..4655524 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -124,7 +124,7 @@ Leaving this here for now for historical purposes. */
--nav-panel-menu-height: calc(100% - var(--drawer-height));
--nav-panel-explore-height: calc(50% + var(--drawer-height));
--nav-width: calc(270 / var(--rem-base) * 1rem);
- --toc-top: calc(var(--body-top) + var(--toolbar-height));
+ --toc-top: calc(var(--body-top) + 4.5rem);
--toc-height: calc(100vh - var(--toc-top) - 2.5rem);
--toc-width: 12rem;
--toc-width--widescreen: 15rem;
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
index 22cf413..f3dd49a 100644
--- a/src/partials/footer-content.hbs
+++ b/src/partials/footer-content.hbs
@@ -1,28 +1,7 @@
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
index 0163fcc..07fd178 100644
--- a/src/partials/header-content.hbs
+++ b/src/partials/header-content.hbs
@@ -27,7 +27,25 @@