about summary refs log tree commit diff
path: root/app/assets/stylesheets/containers.scss
diff options
context:
space:
mode:
authorAkihiko Odaki <akihiko.odaki.4i@stu.hosei.ac.jp>2017-04-24 11:49:08 +0900
committerEugen <eugen@zeonfederated.com>2017-04-24 04:49:08 +0200
commitcf845fed3824d3e3587ce9b2ad752c2b3f0a2a76 (patch)
treefca5dab5974340cb98eaecd22ac41733f5c8cdd6 /app/assets/stylesheets/containers.scss
parent72c984e1057306d1e4df49871b9fb658fd7cbcc6 (diff)
Hide some components rather than unmounting (#2271)
Hide some components rather than unmounting them to allow to show again
quickly and keep the view state such as the scrolled offset.
Diffstat (limited to 'app/assets/stylesheets/containers.scss')
-rw-r--r--app/assets/stylesheets/containers.scss12
1 files changed, 11 insertions, 1 deletions
diff --git a/app/assets/stylesheets/containers.scss b/app/assets/stylesheets/containers.scss
index 43705b19c..6f339f998 100644
--- a/app/assets/stylesheets/containers.scss
+++ b/app/assets/stylesheets/containers.scss
@@ -9,6 +9,16 @@
   }
 }
 
+.mastodon-column-container {
+  display: flex;
+  height: 100%;
+  width: 100%;
+
+  // 707568 - height 100% doesn't work on child of a flex item - chromium - Monorail
+  // https://bugs.chromium.org/p/chromium/issues/detail?id=707568
+  flex: 1 1 auto;
+}
+
 .logo-container {
   max-width: 400px;
   margin: 100px auto;
@@ -40,7 +50,7 @@
 
       img {
         opacity: 0.8;
-        transition: all 0.8s ease;
+        transition: opacity 0.8s ease;
       }
 
       &:hover {