(js) Zoomable custom avatar in card view

2026-07-03 15:54:18 +00:00 · 2016-11-09 11:22:17 -05:00
parent fecbd49541
commit 839384f77e
3 changed files with 46 additions and 1 deletions
@@ -0,0 +1,29 @@
+/// avatarImage.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
+
+$avatar-image-transition: $swift-ease-out;
+
+.sg-avatar-image {
+  &--zoomable {
+    cursor: pointer;
+    img {
+      @extend .md-whiteframe-1dp;
+      transition: $avatar-image-transition;
+    }
+    &:hover {
+      img {
+        @extend .md-whiteframe-3dp;
+      }
+    }
+  }
+  &--zoom {
+    height: auto;
+    max-width: 50%;
+    width: auto;
+    img {
+      border-radius: 0;
+      height: auto;
+      transition: $avatar-image-transition;
+      width: 100%;
+    }
+  }
+}