From e1e7dbf2e17346a1f41cb7b41599d31fa3a5b276 Mon Sep 17 00:00:00 2001 From: Vince Date: Sun, 23 Jun 2013 14:42:12 +0200 Subject: [PATCH 1/2] Fix right sticky panel on FF width can't be force on a display:table element in firefox. I added a level of wrappers to workaround. --- css/style.css | 10 +++--- index.html | 90 +++++++++++++++++++++++++++------------------------ 2 files changed, 53 insertions(+), 47 deletions(-) diff --git a/css/style.css b/css/style.css index 494dee52..16a9b3eb 100644 --- a/css/style.css +++ b/css/style.css @@ -55,16 +55,18 @@ body { } .sticky-section { - display: table; - height: 100%; position: fixed; top: 0; bottom: 0; z-index: 1000; } -.sticky-section .wrap, -.sticky-section .drawer { +.sticky-section .sticky-section-wrap { + display: table; + height: 100%; +} + +.sticky-section .vertical-centerer { display: table-cell; vertical-align: middle; } diff --git a/index.html b/index.html index 3f9f93b8..6f3ac7f2 100644 --- a/index.html +++ b/index.html @@ -18,16 +18,18 @@
-
-
    -
    -
    - - -
    -
    -
    - +
    +
    +
      +
      +
      + + +
      +
      +
      + +
      @@ -35,42 +37,44 @@
      -
      -
      - -
      -
      - GIF +
      +
      +
      + +
      +
      + GIF +
      +
      + PNG +
      -
      - PNG -
      -
      -
      -
      -
      -
      - Canvas settings: -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      +
      +
      +
      +
      + Canvas settings: +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      -
      -
      - +
      + +
      From 3cd2cb1c637dbeba3b425cd3d5d9bfc44b4ed6b8 Mon Sep 17 00:00:00 2001 From: Vince Date: Sun, 23 Jun 2013 14:46:25 +0200 Subject: [PATCH 2/2] Fix slightly overflowing drawer (on the screen right edge) --- css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 16a9b3eb..e86b4f45 100644 --- a/css/style.css +++ b/css/style.css @@ -82,7 +82,7 @@ body { .right-sticky-section.sticky-section { right: 0; - width: 50px; + width: 47px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out;