diff options
author | blendoit <blendoit@gmail.com> | 2020-01-25 10:25:06 -0800 |
---|---|---|
committer | blendoit <blendoit@gmail.com> | 2020-01-25 10:25:06 -0800 |
commit | 513452520bc419bed16ff3a763a99e8a6cd2ebcc (patch) | |
tree | d23ffbceaedb14c8a5a6c4b249e0aae89409f27e /app/static/styles/home.css | |
parent | 8a5b3a083ad9b3bd710d944e5c83ac08ead433e7 (diff) |
Change every possible component to relative sizing.
This saves a bunch of CSS instructions that manually update the size
of adjacent components on resize.
Diffstat (limited to 'app/static/styles/home.css')
-rw-r--r-- | app/static/styles/home.css | 23 |
1 files changed, 4 insertions, 19 deletions
diff --git a/app/static/styles/home.css b/app/static/styles/home.css index c875893..553299c 100644 --- a/app/static/styles/home.css +++ b/app/static/styles/home.css @@ -1,36 +1,31 @@ .main { height: 100%; - position: absolute; + position: relative; z-index: 0; - left: 3%; - right: 3%; overflow: hidden; } .feed-post { height: 100%; - padding: 1px; display: flex; position: relative; flex-wrap: wrap; overflow: auto; - justify-content: space-around; + justify-content: space-between; } .tab-yes { height: 100%; width: 3%; float: left; - position: fixed; - left: 0; + position: relative; background: var(--yes); } .tab-no { height: 100%; width: 3%; float: right; - position: fixed; - right: 0; + position: relative; background: var(--no); } @@ -44,16 +39,6 @@ transition: 0.2s; } -.tab-yes:hover ~ .main { - left: 5%; - transition: 0.2s; -} - -.tab-no:hover ~ .main { - right: 5%; - transition: 0.2s; -} - .post { max-height: 20%; max-width: 30%; |