Flash panel resizers when enabled

2018-11-01 12:36:02 -05:00
parent cdb7413977
commit 518b364cdd
4 changed files with 42 additions and 5 deletions
--- a/app/assets/stylesheets/app/_main.scss
+++ b/app/assets/stylesheets/app/_main.scss
@@ -120,6 +120,20 @@ $footer-height: 32px;
    border-top: none;
    border-bottom: none;

+    @keyframes fade {
+      0% {
+        opacity: 0;
+      }
+
+      50% {
+        opacity: 1;
+      }
+
+      100% {
+        opacity: 0;
+      }
+    }
+
    &.left {
      left: 0;
      right: none;
@@ -138,6 +152,12 @@ $footer-height: 32px;
      opacity: 1;
    }

+    &.animate-opacity {
+      animation-duration: 1.6s;
+      animation-name: fade;
+      animation-delay: 0.25s;
+    }
+
    &.hoverable {
      &:hover {
        opacity: 1;