diff options
author | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 13:19:00 +0200 |
---|---|---|
committer | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 13:19:00 +0200 |
commit | 3b46ba1c8e72c0ad4ec67b8693f1298f7740140f (patch) | |
tree | 078c7be364a3f732d5a11ab332a3fa12e44141c4 /talermerchantdemos/static/demo.css | |
parent | b0f3d60fec149ffee23872bd0e9290bebdf679e3 (diff) | |
download | taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.tar.gz taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.tar.bz2 taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.zip |
Re-Designed blog
Diffstat (limited to 'talermerchantdemos/static/demo.css')
-rw-r--r-- | talermerchantdemos/static/demo.css | 27 |
1 files changed, 20 insertions, 7 deletions
diff --git a/talermerchantdemos/static/demo.css b/talermerchantdemos/static/demo.css index b2688ad..7733515 100644 --- a/talermerchantdemos/static/demo.css +++ b/talermerchantdemos/static/demo.css @@ -44,26 +44,39 @@ } body { - overflow-y: scroll; + overflow-x: hidden; + overflow-y: auto; +} + +body * { + /* margin-left: 0.5vw; */ + left: 0.1vw; } @media (min-width: 500px) { .content { - margin-left: 25%; + /* margin-left: 0vw; */ padding-left: 2em; margin-right: 1em; - overflow-x: auto; + overflow-x: hidden; + overflow-y: auto; } .demobar { - height: 100%; + /* height: 100%; */ + /* width: 25%; */ + /* NOTE: Please use "vh"/"vw" instead of "%" when possible, in the future. */ + height: min-content; + width: 100vw; margin: 0; top: 0; left: 0; background-color: #033; color: white; - position: fixed; - width: 25%; + position: relative; padding-right: 1em; - overflow: auto; + overflow-x: hidden; + overflow-y: auto; + text-align: center; } } + |