Render footer in sidebar for article view

2017-04-06 17:04:15 +02:00
parent a4182544b7
commit 12294f0daa
4 changed files with 32 additions and 6 deletions
--- a/styles/components/footer.css
+++ b/styles/components/footer.css
@@ -1,7 +1,8 @@
 .footer {
  border-top: 1px solid var(--color-gray-normal);
-  transition: opacity 450ms cubic-bezier(0.24, 1.12, 0.71, 0.98) 600ms;
+  transition: opacity 450ms cubic-bezier(0.24, 1.12, 0.71, 0.98) 1500ms;
  opacity: 1;
+  backface-visibility: hidden;

  &.is-hidden {
    opacity: 0;
--- a/styles/components/item-page.css
+++ b/styles/components/item-page.css
@@ -5,6 +5,7 @@
  position: absolute;
  top: 0;
  left: 0;
+  z-index: 10;

  &__nav,
  &__content {
@@ -20,6 +21,7 @@
  }

  &__nav {
+    background: var(--color-gray-dark);
    flex: 0 0 calc((100vw - 1200px) / 2 + 400px);
    &__inner {
      box-sizing: border-box;
--- a/styles/components/page.css
+++ b/styles/components/page.css
@@ -30,6 +30,5 @@

  &__footer {
    flex: 0 0 auto;
-     z-index: 200;
  }
 }